Skip to content

Commit

Permalink
feat: update minimum tailwindcss version to 3.4.4
Browse files Browse the repository at this point in the history
  • Loading branch information
Sarka Chwastkova committed Jul 11, 2024
1 parent cf3565b commit 3a3dab5
Show file tree
Hide file tree
Showing 8 changed files with 390 additions and 306 deletions.
4 changes: 2 additions & 2 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@
"eslint-plugin-prettier": "^4.2.1",
"eslint-plugin-react": "^7.33.2",
"eslint-plugin-react-hooks": "^4.2.0",
"eslint-plugin-tailwindcss": "^3.14.0",
"eslint-plugin-tailwindcss": "^3.17.4",
"fast-glob": "^3.2.12",
"filedirname": "^2.7.0",
"gitdiff-parser": "^0.3.1",
Expand Down Expand Up @@ -135,7 +135,7 @@
"stylelint-config-recommended": "^13.0.0",
"stylelint-config-styled-components": "^0.1.1",
"stylelint-config-tailwindcss": "^0.0.7",
"tailwindcss": "^3.4.0",
"tailwindcss": "^3.4.4",
"ts-node": "^10.9.1",
"tsc-files": "^1.1.3",
"tsup": "^6.7.0",
Expand Down
2 changes: 1 addition & 1 deletion packages/orbit-components/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@
"surge": "^0.23.0",
"svg2ttf": "^6.0.0",
"svgicons2svgfont": "^12.0.0",
"tailwindcss": "^3.4.0",
"tailwindcss": "^3.4.4",
"ttf2woff2": "^4.0.1",
"vite": "^4.5.3",
"webpack": "^5.76.0",
Expand Down
2 changes: 1 addition & 1 deletion packages/orbit-components/src/Card/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ export default function Card({
<div
id={id}
className={cx(
"orbit-card font-base bg-white-normal [&>*]:border-elevation-flat-border-color lm:[&>*:first-child]:rounded-t-normal lm:[&>*:last-child]:rounded-b-normal w-full [&>*:first-child]:border-t",
"orbit-card font-base bg-white-normal *:border-elevation-flat-border-color lm:first:*:rounded-t-normal lm:last:*:rounded-b-normal w-full first:*:border-t",
spaceAfter != null && spaceAfterClasses[spaceAfter],
)}
data-test={dataTest}
Expand Down
108 changes: 54 additions & 54 deletions packages/orbit-components/src/Inline/helpers.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,74 +8,74 @@ const spacingClasses: {
[K in QUERIES | SPACINGS]: K extends QUERIES ? Record<SPACINGS, string> : string;
} = {
[SPACINGS.NONE]: "",
[SPACINGS.XXXSMALL]: "-mt-xxxs -ms-xxxs [&>*]:mt-xxxs [&>*]:ms-xxxs",
[SPACINGS.XXSMALL]: "-mt-xxs -ms-xxs [&>*]:mt-xxs [&>*]:ms-xxs",
[SPACINGS.XSMALL]: "-mt-xs -ms-xs [&>*]:mt-xs [&>*]:ms-xs",
[SPACINGS.SMALL]: "-mt-sm -ms-sm [&>*]:mt-sm [&>*]:ms-sm",
[SPACINGS.MEDIUM]: "-mt-md -ms-md [&>*]:mt-md [&>*]:ms-md",
[SPACINGS.LARGE]: "-mt-lg -ms-lg [&>*]:mt-lg [&>*]:ms-lg",
[SPACINGS.XLARGE]: "-mt-xl -ms-xl [&>*]:mt-xl [&>*]:ms-xl",
[SPACINGS.XXLARGE]: "-mt-xxl -ms-xxl [&>*]:mt-xxl [&>*]:ms-xxl",
[SPACINGS.XXXLARGE]: "-mt-xxxl -ms-xxxl [&>*]:mt-xxxl [&>*]:ms-xxxl",
[SPACINGS.XXXSMALL]: "-mt-xxxs -ms-xxxs *:mt-xxxs *:ms-xxxs",
[SPACINGS.XXSMALL]: "-mt-xxs -ms-xxs *:mt-xxs *:ms-xxs",
[SPACINGS.XSMALL]: "-mt-xs -ms-xs *:mt-xs *:ms-xs",
[SPACINGS.SMALL]: "-mt-sm -ms-sm *:mt-sm *:ms-sm",
[SPACINGS.MEDIUM]: "-mt-md -ms-md *:mt-md *:ms-md",
[SPACINGS.LARGE]: "-mt-lg -ms-lg *:mt-lg *:ms-lg",
[SPACINGS.XLARGE]: "-mt-xl -ms-xl *:mt-xl *:ms-xl",
[SPACINGS.XXLARGE]: "-mt-xxl -ms-xxl *:mt-xxl *:ms-xxl",
[SPACINGS.XXXLARGE]: "-mt-xxxl -ms-xxxl *:mt-xxxl *:ms-xxxl",
[QUERIES.LARGEDESKTOP]: {
[SPACINGS.NONE]: "",
[SPACINGS.XXXSMALL]: "ld:-mt-xxxs ld:-ms-xxxs ld:[&>*]:mt-xxxs ld:[&>*]:ms-xxxs",
[SPACINGS.XXSMALL]: "ld:-mt-xxs ld:-ms-xxs ld:[&>*]:mt-xxs ld:[&>*]:ms-xxs",
[SPACINGS.XSMALL]: "ld:-mt-xs ld:-ms-xs ld:[&>*]:mt-xs ld:[&>*]:ms-xs",
[SPACINGS.SMALL]: "ld:-mt-sm ld:-ms-sm ld:[&>*]:mt-sm ld:[&>*]:ms-sm",
[SPACINGS.MEDIUM]: "ld:-mt-md ld:-ms-md ld:[&>*]:mt-md ld:[&>*]:ms-md",
[SPACINGS.LARGE]: "ld:-mt-lg ld:-ms-lg ld:[&>*]:mt-lg ld:[&>*]:ms-lg",
[SPACINGS.XLARGE]: "ld:-mt-xl ld:-ms-xl ld:[&>*]:mt-xl ld:[&>*]:ms-xl",
[SPACINGS.XXLARGE]: "ld:-mt-xxl ld:-ms-xxl ld:[&>*]:mt-xxl ld:[&>*]:ms-xxl",
[SPACINGS.XXXLARGE]: "ld:-mt-xxxl ld:-ms-xxxl ld:[&>*]:mt-xxxl ld:[&>*]:ms-xxxl",
[SPACINGS.XXXSMALL]: "ld:-mt-xxxs ld:-ms-xxxs ld:*:mt-xxxs ld:*:ms-xxxs",
[SPACINGS.XXSMALL]: "ld:-mt-xxs ld:-ms-xxs ld:*:mt-xxs ld:*:ms-xxs",
[SPACINGS.XSMALL]: "ld:-mt-xs ld:-ms-xs ld:*:mt-xs ld:*:ms-xs",
[SPACINGS.SMALL]: "ld:-mt-sm ld:-ms-sm ld:*:mt-sm ld:*:ms-sm",
[SPACINGS.MEDIUM]: "ld:-mt-md ld:-ms-md ld:*:mt-md ld:*:ms-md",
[SPACINGS.LARGE]: "ld:-mt-lg ld:-ms-lg ld:*:mt-lg ld:*:ms-lg",
[SPACINGS.XLARGE]: "ld:-mt-xl ld:-ms-xl ld:*:mt-xl ld:*:ms-xl",
[SPACINGS.XXLARGE]: "ld:-mt-xxl ld:-ms-xxl ld:*:mt-xxl ld:*:ms-xxl",
[SPACINGS.XXXLARGE]: "ld:-mt-xxxl ld:-ms-xxxl ld:*:mt-xxxl ld:*:ms-xxxl",
},
[QUERIES.DESKTOP]: {
[SPACINGS.NONE]: "",
[SPACINGS.XXXSMALL]: "de:-mt-xxxs de:-ms-xxxs de:[&>*]:mt-xxxs de:[&>*]:ms-xxxs",
[SPACINGS.XXSMALL]: "de:-mt-xxs de:-ms-xxs de:[&>*]:mt-xxs de:[&>*]:ms-xxs",
[SPACINGS.XSMALL]: "de:-mt-xs de:-ms-xs de:[&>*]:mt-xs de:[&>*]:ms-xs",
[SPACINGS.SMALL]: "de:-mt-sm de:-ms-sm de:[&>*]:mt-sm de:[&>*]:ms-sm",
[SPACINGS.MEDIUM]: "de:-mt-md de:-ms-md de:[&>*]:mt-md de:[&>*]:ms-md",
[SPACINGS.LARGE]: "de:-mt-lg de:-ms-lg de:[&>*]:mt-lg de:[&>*]:ms-lg",
[SPACINGS.XLARGE]: "de:-mt-xl de:-ms-xl de:[&>*]:mt-xl de:[&>*]:ms-xl",
[SPACINGS.XXLARGE]: "de:-mt-xxl de:-ms-xxl de:[&>*]:mt-xxl de:[&>*]:ms-xxl",
[SPACINGS.XXXLARGE]: "de:-mt-xxxl de:-ms-xxxl de:[&>*]:mt-xxxl de:[&>*]:ms-xxxl",
[SPACINGS.XXXSMALL]: "de:-mt-xxxs de:-ms-xxxs de:*:mt-xxxs de:*:ms-xxxs",
[SPACINGS.XXSMALL]: "de:-mt-xxs de:-ms-xxs de:*:mt-xxs de:*:ms-xxs",
[SPACINGS.XSMALL]: "de:-mt-xs de:-ms-xs de:*:mt-xs de:*:ms-xs",
[SPACINGS.SMALL]: "de:-mt-sm de:-ms-sm de:*:mt-sm de:*:ms-sm",
[SPACINGS.MEDIUM]: "de:-mt-md de:-ms-md de:*:mt-md de:*:ms-md",
[SPACINGS.LARGE]: "de:-mt-lg de:-ms-lg de:*:mt-lg de:*:ms-lg",
[SPACINGS.XLARGE]: "de:-mt-xl de:-ms-xl de:*:mt-xl de:*:ms-xl",
[SPACINGS.XXLARGE]: "de:-mt-xxl de:-ms-xxl de:*:mt-xxl de:*:ms-xxl",
[SPACINGS.XXXLARGE]: "de:-mt-xxxl de:-ms-xxxl de:*:mt-xxxl de:*:ms-xxxl",
},
[QUERIES.TABLET]: {
[SPACINGS.NONE]: "",
[SPACINGS.XXXSMALL]: "tb:-mt-xxxs tb:-ms-xxxs tb:[&>*]:mt-xxxs tb:[&>*]:ms-xxxs",
[SPACINGS.XXSMALL]: "tb:-mt-xxs tb:-ms-xxs tb:[&>*]:mt-xxs tb:[&>*]:ms-xxs",
[SPACINGS.XSMALL]: "tb:-mt-xs tb:-ms-xs tb:[&>*]:mt-xs tb:[&>*]:ms-xs",
[SPACINGS.SMALL]: "tb:-mt-sm tb:-ms-sm tb:[&>*]:mt-sm tb:[&>*]:ms-sm",
[SPACINGS.MEDIUM]: "tb:-mt-md tb:-ms-md tb:[&>*]:mt-md tb:[&>*]:ms-md",
[SPACINGS.LARGE]: "tb:-mt-lg tb:-ms-lg tb:[&>*]:mt-lg tb:[&>*]:ms-lg",
[SPACINGS.XLARGE]: "tb:-mt-xl tb:-ms-xl tb:[&>*]:mt-xl tb:[&>*]:ms-xl",
[SPACINGS.XXLARGE]: "tb:-mt-xxl tb:-ms-xxl tb:[&>*]:mt-xxl tb:[&>*]:ms-xxl",
[SPACINGS.XXXLARGE]: "tb:-mt-xxxl tb:-ms-xxxl tb:[&>*]:mt-xxxl tb:[&>*]:ms-xxxl",
[SPACINGS.XXXSMALL]: "tb:-mt-xxxs tb:-ms-xxxs tb:*:mt-xxxs tb:*:ms-xxxs",
[SPACINGS.XXSMALL]: "tb:-mt-xxs tb:-ms-xxs tb:*:mt-xxs tb:*:ms-xxs",
[SPACINGS.XSMALL]: "tb:-mt-xs tb:-ms-xs tb:*:mt-xs tb:*:ms-xs",
[SPACINGS.SMALL]: "tb:-mt-sm tb:-ms-sm tb:*:mt-sm tb:*:ms-sm",
[SPACINGS.MEDIUM]: "tb:-mt-md tb:-ms-md tb:*:mt-md tb:*:ms-md",
[SPACINGS.LARGE]: "tb:-mt-lg tb:-ms-lg tb:*:mt-lg tb:*:ms-lg",
[SPACINGS.XLARGE]: "tb:-mt-xl tb:-ms-xl tb:*:mt-xl tb:*:ms-xl",
[SPACINGS.XXLARGE]: "tb:-mt-xxl tb:-ms-xxl tb:*:mt-xxl tb:*:ms-xxl",
[SPACINGS.XXXLARGE]: "tb:-mt-xxxl tb:-ms-xxxl tb:*:mt-xxxl tb:*:ms-xxxl",
},
[QUERIES.LARGEMOBILE]: {
[SPACINGS.NONE]: "",
[SPACINGS.XXXSMALL]: "lm:-mt-xxxs lm:-ms-xxxs lm:[&>*]:mt-xxxs lm:[&>*]:ms-xxxs",
[SPACINGS.XXSMALL]: "lm:-mt-xxs lm:-ms-xxs lm:[&>*]:mt-xxs lm:[&>*]:ms-xxs",
[SPACINGS.XSMALL]: "lm:-mt-xs lm:-ms-xs lm:[&>*]:mt-xs lm:[&>*]:ms-xs",
[SPACINGS.SMALL]: "lm:-mt-sm lm:-ms-sm lm:[&>*]:mt-sm lm:[&>*]:ms-sm",
[SPACINGS.MEDIUM]: "lm:-mt-md lm:-ms-md lm:[&>*]:mt-md lm:[&>*]:ms-md",
[SPACINGS.LARGE]: "lm:-mt-lg lm:-ms-lg lm:[&>*]:mt-lg lm:[&>*]:ms-lg",
[SPACINGS.XLARGE]: "lm:-mt-xl lm:-ms-xl lm:[&>*]:mt-xl lm:[&>*]:ms-xl",
[SPACINGS.XXLARGE]: "lm:-mt-xxl lm:-ms-xxl lm:[&>*]:mt-xxl lm:[&>*]:ms-xxl",
[SPACINGS.XXXLARGE]: "lm:-mt-xxxl lm:-ms-xxxl lm:[&>*]:mt-xxxl lm:[&>*]:ms-xxxl",
[SPACINGS.XXXSMALL]: "lm:-mt-xxxs lm:-ms-xxxs lm:*:mt-xxxs lm:*:ms-xxxs",
[SPACINGS.XXSMALL]: "lm:-mt-xxs lm:-ms-xxs lm:*:mt-xxs lm:*:ms-xxs",
[SPACINGS.XSMALL]: "lm:-mt-xs lm:-ms-xs lm:*:mt-xs lm:*:ms-xs",
[SPACINGS.SMALL]: "lm:-mt-sm lm:-ms-sm lm:*:mt-sm lm:*:ms-sm",
[SPACINGS.MEDIUM]: "lm:-mt-md lm:-ms-md lm:*:mt-md lm:*:ms-md",
[SPACINGS.LARGE]: "lm:-mt-lg lm:-ms-lg lm:*:mt-lg lm:*:ms-lg",
[SPACINGS.XLARGE]: "lm:-mt-xl lm:-ms-xl lm:*:mt-xl lm:*:ms-xl",
[SPACINGS.XXLARGE]: "lm:-mt-xxl lm:-ms-xxl lm:*:mt-xxl lm:*:ms-xxl",
[SPACINGS.XXXLARGE]: "lm:-mt-xxxl lm:-ms-xxxl lm:*:mt-xxxl lm:*:ms-xxxl",
},
[QUERIES.MEDIUMMOBILE]: {
[SPACINGS.NONE]: "",
[SPACINGS.XXXSMALL]: "mm:-mt-xxxs mm:-ms-xxxs mm:[&>*]:mt-xxxs mm:[&>*]:ms-xxxs",
[SPACINGS.XXSMALL]: "mm:-mt-xxs mm:-ms-xxs mm:[&>*]:mt-xxs mm:[&>*]:ms-xxs",
[SPACINGS.XSMALL]: "mm:-mt-xs mm:-ms-xs mm:[&>*]:mt-xs mm:[&>*]:ms-xs",
[SPACINGS.SMALL]: "mm:-mt-sm mm:-ms-sm mm:[&>*]:mt-sm mm:[&>*]:ms-sm",
[SPACINGS.MEDIUM]: "mm:-mt-md mm:-ms-md mm:[&>*]:mt-md mm:[&>*]:ms-md",
[SPACINGS.LARGE]: "mm:-mt-lg mm:-ms-lg mm:[&>*]:mt-lg mm:[&>*]:ms-lg",
[SPACINGS.XLARGE]: "mm:-mt-xl mm:-ms-xl mm:[&>*]:mt-xl mm:[&>*]:ms-xl",
[SPACINGS.XXLARGE]: "mm:-mt-xxl mm:-ms-xxl mm:[&>*]:mt-xxl mm:[&>*]:ms-xxl",
[SPACINGS.XXXLARGE]: "mm:-mt-xxxl mm:-ms-xxxl mm:[&>*]:mt-xxxl mm:[&>*]:ms-xxxl",
[SPACINGS.XXXSMALL]: "mm:-mt-xxxs mm:-ms-xxxs mm:*:mt-xxxs mm:*:ms-xxxs",
[SPACINGS.XXSMALL]: "mm:-mt-xxs mm:-ms-xxs mm:*:mt-xxs mm:*:ms-xxs",
[SPACINGS.XSMALL]: "mm:-mt-xs mm:-ms-xs mm:*:mt-xs mm:*:ms-xs",
[SPACINGS.SMALL]: "mm:-mt-sm mm:-ms-sm mm:*:mt-sm mm:*:ms-sm",
[SPACINGS.MEDIUM]: "mm:-mt-md mm:-ms-md mm:*:mt-md mm:*:ms-md",
[SPACINGS.LARGE]: "mm:-mt-lg mm:-ms-lg mm:*:mt-lg mm:*:ms-lg",
[SPACINGS.XLARGE]: "mm:-mt-xl mm:-ms-xl mm:*:mt-xl mm:*:ms-xl",
[SPACINGS.XXLARGE]: "mm:-mt-xxl mm:-ms-xxl mm:*:mt-xxl mm:*:ms-xxl",
[SPACINGS.XXXLARGE]: "mm:-mt-xxxl mm:-ms-xxxl mm:*:mt-xxxl mm:*:ms-xxxl",
},
};

Expand Down
4 changes: 2 additions & 2 deletions packages/orbit-components/src/Toast/ToastMessage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ const ToastMessage = ({
<div
className={cx(
"rounded-large bg-ink-dark p-xs relative w-full overflow-hidden will-change-transform",
"lm:max-w-[360px] lm:w-auto lm:p-sm [&_svg]:min-h-[20px]",
"lm:max-w-[360px] lm:w-auto lm:p-sm [&_svg]:min-h-icon-medium",
visible &&
"pointer-events-auto animate-[toast-fade-in_theme(transitionDuration.normal)_forwards]",
!visible &&
Expand All @@ -81,7 +81,7 @@ const ToastMessage = ({
}}
>
<div
className="rounded-large bg-white-normal absolute left-0 top-0 z-[1] size-full animate-[toast-light_var(--toast-message-duration)_linear] opacity-10 will-change-transform rtl:animate-[toast-light-rtl_var(--toast-message-duration)_linear]"
className="rounded-large bg-white-normal z-default absolute left-0 top-0 size-full animate-[toast-light_var(--toast-message-duration)_linear] opacity-10 will-change-transform rtl:animate-[toast-light-rtl_var(--toast-message-duration)_linear]"
style={
{
"--toast-message-duration": `${dismissTimeout}ms`,
Expand Down
Loading

0 comments on commit 3a3dab5

Please sign in to comment.