Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(deps-dev): bump tailwindcss from 3.1.8 to 3.4.0 #2471

Closed
wants to merge 3 commits into from
Closed

chore(deps-dev): bump tailwindcss from 3.1.8 to 3.4.0 #2471

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b2da5af
chore(deps-dev): bump tailwindcss from 3.1.8 to 3.4.0
dependabot[bot] Jan 1, 2024
e13813b
Update snapshot
lachlanjc Jan 15, 2024
796f0db
Merge branch 'develop' into dependabot/npm_and_yarn/tailwindcss-3.4.0
lachlanjc Jan 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/tailwind/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
"@theme-ui/css": "workspace:^",
"babel-polyfill": "^6.26.0",
"execa": "^5.0.0",
"tailwindcss": "^3.0.15"
"tailwindcss": "^3.4.0"
},
"publishConfig": {
"access": "public"
Expand Down
156 changes: 98 additions & 58 deletions packages/tailwind/test/__snapshots__/test.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`does not error when using the Tailwind CLI 1`] = `
"/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
*/

/*
Expand Down Expand Up @@ -33,9 +33,13 @@ exports[`does not error when using the Tailwind CLI 1`] = `
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured \`sans\` font-family by default.
5. Use the user's configured \`sans\` font-feature-settings by default.
6. Use the user's configured \`sans\` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html {
html,
:host {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
Expand All @@ -45,8 +49,14 @@ html {
-o-tab-size: 4;
tab-size: 4;
/* 3 */
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 4 */
font-feature-settings: normal;
/* 5 */
font-variation-settings: normal;
/* 6 */
-webkit-tap-highlight-color: transparent;
/* 7 */
}

/*
Expand Down Expand Up @@ -118,8 +128,10 @@ strong {
}

/*
1. Use the user's configured \`mono\` font family by default.
2. Correct the odd \`em\` font sizing in all browsers.
1. Use the user's configured \`mono\` font-family by default.
2. Use the user's configured \`mono\` font-feature-settings by default.
3. Use the user's configured \`mono\` font-variation-settings by default.
4. Correct the odd \`em\` font sizing in all browsers.
*/

code,
Expand All @@ -128,8 +140,12 @@ samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* 1 */
font-size: 1em;
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}

/*
Expand Down Expand Up @@ -188,6 +204,10 @@ select,
textarea {
font-family: inherit;
/* 1 */
font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
font-size: 100%;
/* 1 */
font-weight: inherit;
Expand Down Expand Up @@ -338,6 +358,14 @@ menu {
padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
Expand Down Expand Up @@ -413,6 +441,12 @@ video {
height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
display: none;
}

*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
Expand All @@ -427,6 +461,9 @@ video {
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
Expand Down Expand Up @@ -474,6 +511,9 @@ video {
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
Expand Down Expand Up @@ -585,18 +625,18 @@ video {
transform-origin: top right;
}

.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
Expand All @@ -623,42 +663,32 @@ video {
overflow: hidden;
}

.rounded-md {
border-radius: 0.375rem;
}

.rounded-lg {
border-radius: 0.5rem;
}

.rounded-md {
border-radius: 0.375rem;
}

.border {
border-width: 1px;
}

.bg-white {
.bg-primary {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
background-color: rgb(0 119 204 / var(--tw-bg-opacity));
}

.bg-primary {
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(0 119 204 / var(--tw-bg-opacity));
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.p-2 {
padding: 8px;
}

.px-4 {
padding-left: 32px;
padding-right: 32px;
}

.px-5 {
padding-left: 64px;
padding-right: 64px;
}

.px-2 {
padding-left: 8px;
padding-right: 8px;
Expand All @@ -669,6 +699,16 @@ video {
padding-right: 16px;
}

.px-4 {
padding-left: 32px;
padding-right: 32px;
}

.px-5 {
padding-left: 64px;
padding-right: 64px;
}

.py-2 {
padding-top: 8px;
padding-bottom: 8px;
Expand All @@ -679,16 +719,16 @@ video {
padding-bottom: 16px;
}

.pt-4 {
padding-top: 32px;
.pb-3 {
padding-bottom: 16px;
}

.pt-2 {
padding-top: 8px;
}

.pb-3 {
padding-bottom: 16px;
.pt-4 {
padding-top: 32px;
}

.text-center {
Expand All @@ -699,16 +739,16 @@ video {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

.text-base {
font-size: 1rem;
line-height: 1.5rem;
}

.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}

.text-base {
font-size: 1rem;
line-height: 1.5rem;
}

.font-heading {
font-weight: 700;
}
Expand All @@ -717,11 +757,6 @@ video {
letter-spacing: -0.04em;
}

.text-secondary {
--tw-text-opacity: 1;
color: rgb(0 85 170 / var(--tw-text-opacity));
}

.text-muted {
--tw-text-opacity: 1;
color: rgb(246 246 246 / var(--tw-text-opacity));
Expand All @@ -732,6 +767,11 @@ video {
color: rgb(0 119 204 / var(--tw-text-opacity));
}

.text-secondary {
--tw-text-opacity: 1;
color: rgb(0 85 170 / var(--tw-text-opacity));
}

.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
Expand Down Expand Up @@ -763,22 +803,22 @@ video {
transition-duration: 150ms;
}

.duration-150 {
transition-duration: 150ms;
}

.duration-100 {
transition-duration: 100ms;
}

.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
.duration-150 {
transition-duration: 150ms;
}

.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.hover\\:text-muted:hover {
--tw-text-opacity: 1;
color: rgb(246 246 246 / var(--tw-text-opacity));
Expand Down Expand Up @@ -815,16 +855,16 @@ video {
margin-right: auto;
}

.\\30\\:mt-5 {
margin-top: 64px;
.\\30\\:ml-3 {
margin-left: 16px;
}

.\\30\\:mt-0 {
margin-top: 0;
}

.\\30\\:ml-3 {
margin-left: 16px;
.\\30\\:mt-5 {
margin-top: 64px;
}

.\\30\\:flex {
Expand Down Expand Up @@ -881,13 +921,13 @@ video {
line-height: 1;
}

.\\31\\:text-xl {
font-size: 1.25rem;
.\\31\\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}

.\\31\\:text-lg {
font-size: 1.125rem;
.\\31\\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
Expand Down
Loading
Loading