maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: remove annoying outline when <Button /> clicked (#6537) 

* fix: remove annoying outline when <Button /> clicked

* Delete yarn.lock
This commit is contained in:
Luis Cadillo 2023-01-21 11:07:30 -05:00 committed by GitHub
parent c9ed3388ae
commit 55a6c65db6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 45 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/app-store/templates/basic/config.json
View File

@ -7,9 +7,7 @@
"logo": "icon.svg", "logo": "icon.svg",
"url": "https://example.com/link", "url": "https://example.com/link",
"variant": "other", "variant": "other",
"categories": [ "categories": ["other"],
"other"
],
"publisher": "Cal.com, Inc.", "publisher": "Cal.com, Inc.",
"email": "support@cal.com", "email": "support@cal.com",
"description": "It is a template for an app that can be installed and provides no other feature.", "description": "It is a template for an app that can be installed and provides no other feature.",

2
packages/app-store/templates/booking-pages-tag/config.json
View File

@ -23,6 +23,6 @@
] ]
} }
}, },
"isTemplate":true, "isTemplate": true,
"__createdUsingCli": true "__createdUsingCli": true
} }

2
packages/app-store/templates/event-type-app-card/config.json
View File

@ -11,6 +11,6 @@
"email": "support@cal.com", "email": "support@cal.com",
"description": "A template showcasing how an app with EventType AppCard can be built e.g. Giphy, QR Code", "description": "A template showcasing how an app with EventType AppCard can be built e.g. Giphy, QR Code",
"extendsFeature": "EventType", "extendsFeature": "EventType",
"isTemplate":true, "isTemplate": true,
"__createdUsingCli": true "__createdUsingCli": true
} }

2
packages/app-store/templates/event-type-location-video-static/config.json
View File

@ -20,6 +20,6 @@
} }
}, },
"description": "It is a template showing how to add a static URL EventType location e.g. Around, Whereby", "description": "It is a template showing how to add a static URL EventType location e.g. Around, Whereby",
"isTemplate":true, "isTemplate": true,
"__createdUsingCli": true "__createdUsingCli": true
} }

2
packages/app-store/templates/general-app-settings/config.json
View File

@ -10,6 +10,6 @@
"publisher": "Cal.com Inc", "publisher": "Cal.com Inc",
"email": "support@cal.com", "email": "support@cal.com",
"description": "It is a template showing how an App can have settings in installed section that configures the app globally e.g. Weather in your Calendar", "description": "It is a template showing how an App can have settings in installed section that configures the app globally e.g. Weather in your Calendar",
"isTemplate":true, "isTemplate": true,
"__createdUsingCli": true "__createdUsingCli": true
} }

2
packages/app-store/templates/link-as-an-app/config.json
View File

@ -11,6 +11,6 @@
"publisher": "Cal.com, Inc.", "publisher": "Cal.com, Inc.",
"email": "support@cal.com", "email": "support@cal.com",
"description": "It's a template showing how an app, that is just a link to some webpage, can be made e.g. Pipedream, Amie, Vimcal.", "description": "It's a template showing how an app, that is just a link to some webpage, can be made e.g. Pipedream, Amie, Vimcal.",
"isTemplate":true, "isTemplate": true,
"__createdUsingCli": true "__createdUsingCli": true
} }

128
packages/prisma/seed-app-store.config.json
View File

@ -2,262 +2,198 @@
{ {
"/*": "This file is auto-generated and updated by `yarn app-store create/edit`. Don't edit it manually", "/*": "This file is auto-generated and updated by `yarn app-store create/edit`. Don't edit it manually",
"dirName": "routing-forms", "dirName": "routing-forms",
"categories": [ "categories": ["other"],
"other"
],
"slug": "routing-forms", "slug": "routing-forms",
"type": "routing-forms_other" "type": "routing-forms_other"
}, },
{ {
"dirName": "whereby", "dirName": "whereby",
"categories": [ "categories": ["video"],
"video"
],
"slug": "whereby", "slug": "whereby",
"type": "whereby_video" "type": "whereby_video"
}, },
{ {
"dirName": "around", "dirName": "around",
"categories": [ "categories": ["video"],
"video"
],
"slug": "around", "slug": "around",
"type": "around_video" "type": "around_video"
}, },
{ {
"dirName": "riverside", "dirName": "riverside",
"categories": [ "categories": ["video"],
"video"
],
"slug": "riverside", "slug": "riverside",
"type": "riverside_video" "type": "riverside_video"
}, },
{ {
"dirName": "typeform", "dirName": "typeform",
"categories": [ "categories": ["other"],
"other"
],
"slug": "typeform", "slug": "typeform",
"type": "typeform_other" "type": "typeform_other"
}, },
{ {
"dirName": "ping", "dirName": "ping",
"categories": [ "categories": ["video"],
"video"
],
"slug": "ping", "slug": "ping",
"type": "ping_video" "type": "ping_video"
}, },
{ {
"dirName": "campfire", "dirName": "campfire",
"categories": [ "categories": ["video"],
"video"
],
"slug": "campfire", "slug": "campfire",
"type": "campfire_video" "type": "campfire_video"
}, },
{ {
"dirName": "rainbow", "dirName": "rainbow",
"categories": [ "categories": ["web3"],
"web3"
],
"slug": "rainbow", "slug": "rainbow",
"type": "rainbow_web3" "type": "rainbow_web3"
}, },
{ {
"dirName": "raycast", "dirName": "raycast",
"categories": [ "categories": ["other"],
"other"
],
"slug": "raycast", "slug": "raycast",
"type": "raycast_other" "type": "raycast_other"
}, },
{ {
"dirName": "n8n", "dirName": "n8n",
"categories": [ "categories": ["automation"],
"automation"
],
"slug": "n8n", "slug": "n8n",
"type": "n8n_automation" "type": "n8n_automation"
}, },
{ {
"dirName": "exchangecalendar", "dirName": "exchangecalendar",
"categories": [ "categories": ["calendar"],
"calendar"
],
"slug": "exchange", "slug": "exchange",
"type": "exchange_calendar" "type": "exchange_calendar"
}, },
{ {
"dirName": "qr_code", "dirName": "qr_code",
"categories": [ "categories": ["other"],
"other"
],
"slug": "qr_code", "slug": "qr_code",
"type": "qr_code_other" "type": "qr_code_other"
}, },
{ {
"dirName": "weather_in_your_calendar", "dirName": "weather_in_your_calendar",
"categories": [ "categories": ["other"],
"other"
],
"slug": "weather_in_your_calendar", "slug": "weather_in_your_calendar",
"type": "weather_in_your_calendar_other" "type": "weather_in_your_calendar_other"
}, },
{ {
"dirName": "fathom", "dirName": "fathom",
"categories": [ "categories": ["analytics"],
"analytics"
],
"slug": "fathom", "slug": "fathom",
"type": "fathom_analytics" "type": "fathom_analytics"
}, },
{ {
"dirName": "plausible", "dirName": "plausible",
"categories": [ "categories": ["analytics"],
"analytics"
],
"slug": "plausible", "slug": "plausible",
"type": "plausible_analytics" "type": "plausible_analytics"
}, },
{ {
"dirName": "wordpress", "dirName": "wordpress",
"categories": [ "categories": ["other"],
"other"
],
"slug": "wordpress", "slug": "wordpress",
"type": "wordpress_other" "type": "wordpress_other"
}, },
{ {
"dirName": "ga4", "dirName": "ga4",
"categories": [ "categories": ["analytics"],
"analytics"
],
"slug": "ga4", "slug": "ga4",
"type": "ga4_analytics" "type": "ga4_analytics"
}, },
{ {
"dirName": "pipedream", "dirName": "pipedream",
"categories": [ "categories": ["automation"],
"automation"
],
"slug": "pipedream", "slug": "pipedream",
"type": "pipedream_automation" "type": "pipedream_automation"
}, },
{ {
"dirName": "sirius_video", "dirName": "sirius_video",
"categories": [ "categories": ["video"],
"video"
],
"slug": "sirius_video", "slug": "sirius_video",
"type": "sirius_video_video" "type": "sirius_video_video"
}, },
{ {
"dirName": "sendgrid", "dirName": "sendgrid",
"categories": [ "categories": ["other"],
"other"
],
"slug": "sendgrid", "slug": "sendgrid",
"type": "sendgrid_other_calendar" "type": "sendgrid_other_calendar"
}, },
{ {
"dirName": "closecom", "dirName": "closecom",
"categories": [ "categories": ["other"],
"other"
],
"slug": "closecom", "slug": "closecom",
"type": "closecom_other_calendar" "type": "closecom_other_calendar"
}, },
{ {
"dirName": "whatsapp", "dirName": "whatsapp",
"categories": [ "categories": ["video"],
"video"
],
"slug": "whatsapp", "slug": "whatsapp",
"type": "whatsapp_video" "type": "whatsapp_video"
}, },
{ {
"dirName": "telegram", "dirName": "telegram",
"categories": [ "categories": ["video"],
"video"
],
"slug": "telegram", "slug": "telegram",
"type": "telegram_video" "type": "telegram_video"
}, },
{ {
"dirName": "signal", "dirName": "signal",
"categories": [ "categories": ["video"],
"video"
],
"slug": "signal", "slug": "signal",
"type": "signal_video" "type": "signal_video"
}, },
{ {
"dirName": "vimcal", "dirName": "vimcal",
"categories": [ "categories": ["calendar"],
"calendar"
],
"slug": "vimcal", "slug": "vimcal",
"type": "vimcal_other" "type": "vimcal_other"
}, },
{ {
"dirName": "amie", "dirName": "amie",
"categories": [ "categories": ["calendar"],
"calendar"
],
"slug": "amie", "slug": "amie",
"type": "amie_other" "type": "amie_other"
}, },
{ {
"dirName": "booking-pages-tag", "dirName": "booking-pages-tag",
"categories": [ "categories": ["analytics"],
"analytics"
],
"slug": "booking-pages-tag", "slug": "booking-pages-tag",
"type": "booking-pages-tag_other", "type": "booking-pages-tag_other",
"isTemplate": true "isTemplate": true
}, },
{ {
"dirName": "event-type-app-card", "dirName": "event-type-app-card",
"categories": [ "categories": ["other"],
"other"
],
"slug": "event-type-app-card", "slug": "event-type-app-card",
"type": "event-type-app-card_other", "type": "event-type-app-card_other",
"isTemplate": true "isTemplate": true
}, },
{ {
"dirName": "event-type-location-video-static", "dirName": "event-type-location-video-static",
"categories": [ "categories": ["video"],
"video"
],
"slug": "event-type-location-video-static", "slug": "event-type-location-video-static",
"type": "event-type-location-video-static_other", "type": "event-type-location-video-static_other",
"isTemplate": true "isTemplate": true
}, },
{ {
"dirName": "general-app-settings", "dirName": "general-app-settings",
"categories": [ "categories": ["other"],
"other"
],
"slug": "general-app-settings", "slug": "general-app-settings",
"type": "general-app-settings_other", "type": "general-app-settings_other",
"isTemplate": true "isTemplate": true
}, },
{ {
"dirName": "link-as-an-app", "dirName": "link-as-an-app",
"categories": [ "categories": ["other"],
"other"
],
"slug": "link-as-an-app", "slug": "link-as-an-app",
"type": "link-as-an-app_other", "type": "link-as-an-app_other",
"isTemplate": true "isTemplate": true
}, },
{ {
"dirName": "basic", "dirName": "basic",
"categories": [ "categories": ["other"],
"other"
],
"slug": "basic", "slug": "basic",
"type": "basic_other", "type": "basic_other",
"isTemplate": true "isTemplate": true

8
packages/ui/components/button/Button.tsx
View File

@ -75,7 +75,7 @@ const buttonClasses = cva(
disabled: [undefined, false], disabled: [undefined, false],
color: "primary", color: "primary",
className: className:
"bg-brand-500 hover:bg-brand-400 focus:outline-none focus:ring-2 focus:ring-offset focus:ring-brand-500 dark:hover:bg-darkgray-600 dark:bg-darkgray-900", "bg-brand-500 hover:bg-brand-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-brand-500 dark:hover:bg-darkgray-600 dark:bg-darkgray-900",
}), }),
// Secondary variants // Secondary variants
{ {
@ -94,7 +94,7 @@ const buttonClasses = cva(
disabled: [undefined, false], disabled: [undefined, false],
color: "secondary", color: "secondary",
className: className:
"border border-gray-300 dark:border-darkgray-300 bg-white dark:bg-darkgray-100 hover:bg-gray-50 hover:border-gray-400 focus:bg-gray-100 dark:hover:bg-darkgray-200 dark:focus:bg-darkgray-200 focus:outline-none focus:ring-2 focus:ring-offset focus:ring-gray-900 dark:focus:ring-white", "border border-gray-300 dark:border-darkgray-300 bg-white dark:bg-darkgray-100 hover:bg-gray-50 hover:border-gray-400 focus-visible:bg-gray-100 dark:hover:bg-darkgray-200 dark:focus-visible:bg-darkgray-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-gray-900 dark:focus-visible:ring-white",
}), }),
// Minimal variants // Minimal variants
{ {
@ -113,7 +113,7 @@ const buttonClasses = cva(
disabled: [undefined, false], disabled: [undefined, false],
color: "minimal", color: "minimal",
className: className:
"hover:bg-gray-100 focus:bg-gray-100 dark:hover:bg-darkgray-200 dark:focus:bg-darkgray-200 focus:outline-none focus:ring-2 focus:ring-offset focus:ring-gray-900 dark:focus:ring-white", "hover:bg-gray-100 focus-visible:bg-gray-100 dark:hover:bg-darkgray-200 dark:focus-visible:bg-darkgray-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-gray-900 dark:focus-visible:ring-white",
}), }),
// Destructive variants // Destructive variants
{ {
@ -132,7 +132,7 @@ const buttonClasses = cva(
disabled: [false, undefined], disabled: [false, undefined],
color: "destructive", color: "destructive",
className: className:
"border dark:text-white text-gray-900 hover:text-red-700 focus:text-red-700 dark:hover:text-red-700 dark:focus:text-red-700 hover:border-red-100 focus:border-red-100 hover:bg-red-100 focus:bg-red-100 focus:outline-none focus:ring-2 focus:ring-offset focus:ring-red-700", "border dark:text-white text-gray-900 hover:text-red-700 focus-visible:text-red-700 dark:hover:text-red-700 dark:focus-visible:text-red-700 hover:border-red-100 focus-visible:border-red-100 hover:bg-red-100 focus-visible:bg-red-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-red-700",
}), }),
// https://github.com/joe-bell/cva/issues/95 created an issue about using !p-2 on the icon variants as i would expect this to take priority // https://github.com/joe-bell/cva/issues/95 created an issue about using !p-2 on the icon variants as i would expect this to take priority
{ {