@flamingo-stack/openframe-frontend-core 0.0.513 → 0.0.514-1598.4245.1

package/src/components/icons/apple-icon.tsx

@@ -0,0 +1,30 @@
+import React from 'react'
+
+interface AppleIconProps {
+  width?: number | string
+  height?: number | string
+  className?: string
+}
+
+/** @deprecated Use icons from icons-v2-generated instead. */
+export function AppleIcon({
+  width = 24,
+  height = 24,
+  className = "text-current"
+  }: AppleIconProps) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <path
+        d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.56-1.702"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}

package/src/components/icons/index.ts

@@ -81,6 +81,7 @@ export { GitHubIcon } from './github-icon';
 export { SlackIcon } from './slack-icon';
 export { ClickUpIcon } from './clickup-icon';
 export { MicrosoftIcon } from './ms-icon';
+export { AppleIcon } from './apple-icon';
 export { GoogleLogo } from './google-logo';
 export { RedditIcon } from './reddit-icon';
 export { XLogo } from './x-logo';

package/src/components/provider-button.tsx

@@ -3,7 +3,7 @@ import { Button } from "./ui/button"
 import { cn } from "../utils/cn"
 
 interface ProviderButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  provider: 'google' | 'microsoft' | 'slack' | 'github';
+  provider: 'google' | 'microsoft' | 'slack' | 'github' | 'apple';
   variant?: 'accent' | 'outline';
   size?: 'default' | 'small-legacy';
   loading?: boolean;
@@ -15,7 +15,8 @@ const ProviderButton = React.forwardRef<HTMLButtonElement, ProviderButtonProps>(
       google: 'Google',
       microsoft: 'Microsoft',
       slack: 'Slack',
-      github: 'GitHub'
+      github: 'GitHub',
+      apple: 'Apple'
     };
 
     return (