don't use extend for colors in tailwind preset (#115)

* don't use extend for colors in tailwind preset

* fmt

Author: cody-dot-js

components/code-block/index.tsx

@@ -220,7 +220,7 @@ const CodeBlockCopyButton = forwardRef<HTMLButtonElement, CodeBlockCopyButtonPro
 				className={cx(
 					"absolute right-3 top-3 z-10 flex h-7 w-7 items-center justify-center rounded-sm border border-gray-300 bg-gray-50 shadow-[-1rem_0_0.75rem_-0.375rem_hsl(var(--gray-050)),1rem_0_0_-0.25rem_hsl(var(--gray-050))] hover:border-gray-400 hover:bg-gray-200 focus-visible:border-blue-500 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-blue-600/25",
 					copied &&
-						"w-auto gap-1 border-transparent bg-green-500 pl-2 pr-1.5 text-white hover:border-transparent hover:bg-green-500 focus:bg-green-500 focus-visible:border-green-600 focus-visible:ring-green-600/25",
+						"border-transparent hover:border-transparent w-auto gap-1 bg-green-500 pl-2 pr-1.5 text-white hover:bg-green-500 focus:bg-green-500 focus-visible:border-green-600 focus-visible:ring-green-600/25",
 					className,
 				)}
 				ref={ref}

components/media-object/media-object.stories.tsx

@@ -47,7 +47,7 @@ export const Basic: Story = {
 export const StyledWithGap: Story = {
 	render: () => (
 		<div className="mx-auto max-w-96">
-			<MediaObject className="gap-10 bg-slate-300 p-6">
+			<MediaObject className="bg-slate-300 gap-10 p-6">
 				<MediaObjectMedia>
 					<ExampleMedia />
 				</MediaObjectMedia>

packages/tailwind-preset/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ngrok/mantle-tailwind-preset",
   "description": "A Tailwind CSS preset for ngrok's Mantle design system",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "author": "ngrok",
   "license": "MIT",
   "homepage": "https://mantle.ngrok.com",