Argument of type '(decl: css.Declaration) => { [x: string]: string | undefined; }' is not assignable to parameter of type '(value: Comment | Declaration, index: number, array: (Comment | Declaration)[]) => { [x: string]: string | undefined; }'.

Process completed with exit code 2.

Process completed with exit code 1.

Error: Snapshot `Open Prop preset transforms > Should transform borders correctly 2` mismatched - Expected + Received @@ -48,9 +48,27 @@ "value": "clamp(0px, calc(100vw - 100%) * 1e5, {radii.5})", }, "conditional-6": { "value": "clamp(0px, calc(100vw - 100%) * 1e5, {radii.6})", }, + "drawn-1": { + "value": "255px 15px 225px 15px / 15px 225px 15px 255px", + }, + "drawn-2": { + "value": "125px 10px 20px 185px / 25px 205px 205px 25px", + }, + "drawn-3": { + "value": "15px 255px 15px 225px / 225px 15px 255px 15px", + }, + "drawn-4": { + "value": "15px 25px 155px 25px / 225px 150px 25px 115px", + }, + "drawn-5": { + "value": "250px 25px 15px 20px / 15px 80px 105px 115px", + }, + "drawn-6": { + "value": "28px 100px 20px 15px / 150px 30px 205px 225px", + }, "round": { "value": "1e5px", }, } ❯ packages/preset-open-props/__tests__/borders.test.ts:25:19

Error: Snapshot `Open Prop preset transforms > Should transform graidents correctly 1` mismatched - Expected + Received @@ -1,125 +1,125 @@ { "1": { - "value": "linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)", + "value": "linear-gradient(to bottom right var(--gradient-space), #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)", }, "10": { - "value": "conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)", + "value": "conic-gradient(from 90deg at 40% -25% var(--gradient-space), #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)", }, "11": { - "value": "conic-gradient(at bottom left, deeppink, cyan)", + "value": "conic-gradient(at bottom left var(--gradient-space), deeppink, cyan)", }, "12": { - "value": "conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)", + "value": "conic-gradient(from 90deg at 25% -10% var(--gradient-space), #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)", }, "13": { - "value": "radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)", + "value": "radial-gradient(circle at 50% 200% var(--gradient-space), #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)", }, "14": { - "value": "conic-gradient(at top right, lime, cyan)", + "value": "conic-gradient(at top right var(--gradient-space), lime, cyan)", }, "15": { - "value": "linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7)", + "value": "linear-gradient(to bottom right var(--gradient-space), #c7d2fe, #fecaca, #fef3c7)", }, "16": { - "value": "radial-gradient(circle at 50% -250%, #374151, #111827, #000)", + "value": "radial-gradient(circle at 50% -250% var(--gradient-space), #374151, #111827, #000)", }, "17": { - "value": "conic-gradient(from -90deg at 50% -25%, blue, blueviolet)", + "value": "conic-gradient(from -90deg at 50% -25% var(--gradient-space), blue, blueviolet)", }, "18": { "value": " - linear-gradient(0deg, hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%), + linear-gradient(0deg var(--gradient-space), hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%), - linear-gradient(60deg, hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%), + linear-gradient(60deg var(--gradient-space), hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%), - linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%), + linear-gradient(120deg var(--gradient-space), hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%), - linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%), + linear-gradient(180deg var(--gradient-space), hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%), - linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%), + linear-gradient(240deg var(--gradient-space), hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%), - linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%) + linear-gradient(300deg var(--gradient-space), hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%) ", }, "19": { - "value": "linear-gradient(to bottom right,#ffe259,#ffa751)", + "value": "linear-gradient(to bottom right var(--gradient-space), #ffe259, #ffa751)", }, "2": { - "value": "linear-gradient(to bottom right,#48005c, #8300e2, #a269ff)", + "value": "linear-gradient(to bottom right var(--gradient-space), #48005c, #8300e2, #a269ff)", }, "20": { - "value": "conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)", + "value": "conic-gradient(from -135deg at -10% center var(--gradient-space), #ffa500,

Error: Snapshot `Open Prop preset transforms > Should transform keyframes and animations correctly 2` mismatched - Expected + Received @@ -142,10 +142,27 @@ }, "80%": { "transform": "translateY(5%)", }, }, + "shake-z": { + "0%, 100%": { + "transform": "rotate(0deg)", + }, + "20%": { + "transform": "rotate(-2deg)", + }, + "40%": { + "transform": "rotate(2deg)", + }, + "60%": { + "transform": "rotate(-2deg)", + }, + "80%": { + "transform": "rotate(2deg)", + }, + }, "slide-in-down": { "from": { "transform": "translateY(-100%)", }, }, ❯ packages/preset-open-props/__tests__/keyframes.test.ts:239:23