strapi-plugin-magic-mail 2.10.0 → 2.10.2

package/dist/admin/StyledButtons-CdOf4Sps.mjs

@@ -1,434 +0,0 @@
-import styled from "styled-components";
-import { Button } from "@strapi/design-system";
-const GradientButton = styled(Button)`
-  && {
-    background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
-    color: white;
-    font-weight: 600;
-    border: none;
-    padding: 10px 20px;
-    min-height: 40px;
-    transition: all 0.2s ease;
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, var(--colors-primary700, #0284C7) 0%, var(--colors-secondary600, #9333EA) 100%);
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);
-    }
-    
-    &:active:not(:disabled) {
-      transform: translateY(0);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-const SecondaryButton = styled(Button)`
-  && {
-    background: ${(p) => p.theme.colors.neutral0};
-    color: var(--colors-secondary600, #7C3AED);
-    font-weight: 600;
-    border: 2px solid transparent;
-    background-image: linear-gradient(${(p) => p.theme.colors.neutral0}, ${(p) => p.theme.colors.neutral0}), linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
-    background-origin: border-box;
-    background-clip: padding-box, border-box;
-    padding: 10px 20px;
-    min-height: 40px;
-    transition: all 0.2s ease;
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
-      background-clip: padding-box;
-      color: white;
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(168, 85, 247, 0.3);
-    }
-    
-    &:active:not(:disabled) {
-      transform: translateY(0);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-const TertiaryButton = styled(Button)`
-  && {
-    background: transparent;
-    color: var(--colors-neutral600);
-    font-weight: 500;
-    border: 1px solid rgba(128, 128, 128, 0.2);
-    padding: 10px 20px;
-    min-height: 40px;
-    transition: all 0.2s ease;
-    
-    &:hover:not(:disabled) {
-      background: var(--colors-neutral100);
-      border-color: rgba(128, 128, 128, 0.3);
-      color: var(--colors-neutral800);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-const DangerButton = styled(Button)`
-  && {
-    background: rgba(220, 38, 38, 0.12);
-    color: var(--colors-danger600, #DC2626);
-    font-weight: 600;
-    border: 1px solid rgba(220, 38, 38, 0.3);
-    padding: 10px 20px;
-    min-height: 40px;
-    transition: all 0.2s ease;
-    
-    &:hover:not(:disabled) {
-      background: var(--colors-danger600, #DC2626);
-      color: white;
-      border-color: var(--colors-danger600, #DC2626);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-styled(Button)`
-  && {
-    background: linear-gradient(135deg, var(--colors-success500, #10B981) 0%, var(--colors-success600, #059669) 100%);
-    color: white;
-    font-weight: 600;
-    border: none;
-    padding: 10px 20px;
-    min-height: 40px;
-    transition: all 0.2s ease;
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, var(--colors-success600, #059669) 0%, var(--colors-success700, #047857) 100%);
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-const IconButton = styled(Button)`
-  && {
-    background: linear-gradient(135deg, rgba(128, 128, 128, 0.04) 0%, rgba(128, 128, 128, 0.08) 100%);
-    color: var(--colors-neutral600, #64748B);
-    border: 1px solid rgba(128, 128, 128, 0.2);
-    padding: 8px;
-    min-width: 38px;
-    min-height: 38px;
-    width: 38px;
-    height: 38px;
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-    
-    svg {
-      width: 18px;
-      height: 18px;
-    }
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-primary700, #0284C7) 100%);
-      border-color: var(--colors-primary600, #0EA5E9);
-      color: white;
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-const IconButtonDanger = styled(Button)`
-  && {
-    background: linear-gradient(135deg, rgba(239, 68, 68, 0.06) 0%, rgba(220, 38, 38, 0.12) 100%);
-    color: var(--colors-danger500, #EF4444);
-    border: 1px solid rgba(220, 38, 38, 0.3);
-    padding: 8px;
-    min-width: 38px;
-    min-height: 38px;
-    width: 38px;
-    height: 38px;
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-    
-    svg {
-      width: 18px;
-      height: 18px;
-    }
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, var(--colors-danger500, #EF4444) 0%, var(--colors-danger600, #DC2626) 100%);
-      border-color: var(--colors-danger500, #EF4444);
-      color: white;
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-const IconButtonPrimary = styled(Button)`
-  && {
-    background: linear-gradient(135deg, rgba(14, 165, 233, 0.06) 0%, rgba(14, 165, 233, 0.12) 100%);
-    color: var(--colors-primary600, #0EA5E9);
-    border: 1px solid rgba(14, 165, 233, 0.3);
-    padding: 8px;
-    min-width: 38px;
-    min-height: 38px;
-    width: 38px;
-    height: 38px;
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-    
-    svg {
-      width: 18px;
-      height: 18px;
-    }
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-primary700, #0284C7) 100%);
-      border-color: var(--colors-primary600, #0EA5E9);
-      color: white;
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-const IconButtonSuccess = styled(Button)`
-  && {
-    background: linear-gradient(135deg, rgba(34, 197, 94, 0.06) 0%, rgba(34, 197, 94, 0.15) 100%);
-    color: var(--colors-success600, #22C55E);
-    border: 1px solid rgba(34, 197, 94, 0.3);
-    padding: 8px;
-    min-width: 38px;
-    min-height: 38px;
-    width: 38px;
-    height: 38px;
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-    
-    svg {
-      width: 18px;
-      height: 18px;
-    }
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, var(--colors-success600, #22C55E) 0%, var(--colors-success700, #16A34A) 100%);
-      border-color: var(--colors-success600, #22C55E);
-      color: white;
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-styled(Button)`
-  && {
-    background: linear-gradient(135deg, rgba(245, 158, 11, 0.06) 0%, rgba(245, 158, 11, 0.15) 100%);
-    color: var(--colors-warning500, #F59E0B);
-    border: 1px solid rgba(234, 179, 8, 0.4);
-    padding: 8px;
-    min-width: 38px;
-    min-height: 38px;
-    width: 38px;
-    height: 38px;
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-    
-    svg {
-      width: 18px;
-      height: 18px;
-    }
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, var(--colors-warning500, #F59E0B) 0%, var(--colors-warning600, #D97706) 100%);
-      border-color: var(--colors-warning500, #F59E0B);
-      color: white;
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-const IconButtonPurple = styled(Button)`
-  && {
-    background: linear-gradient(135deg, rgba(168, 85, 247, 0.06) 0%, rgba(168, 85, 247, 0.12) 100%);
-    color: var(--colors-secondary500, #A855F7);
-    border: 1px solid rgba(139, 92, 246, 0.3);
-    padding: 8px;
-    min-width: 38px;
-    min-height: 38px;
-    width: 38px;
-    height: 38px;
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-    
-    svg {
-      width: 18px;
-      height: 18px;
-    }
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, var(--colors-secondary500, #A855F7) 0%, var(--colors-secondary600, #9333EA) 100%);
-      border-color: var(--colors-secondary500, #A855F7);
-      color: white;
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(168, 85, 247, 0.3);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-const CTAButton = styled(Button)`
-  && {
-    background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
-    color: white;
-    font-weight: 700;
-    font-size: 1rem;
-    border: none;
-    padding: 14px 28px;
-    min-height: 52px;
-    border-radius: 12px;
-    transition: all 0.2s ease;
-    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.25);
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, var(--colors-primary700, #0284C7) 0%, var(--colors-secondary600, #9333EA) 100%);
-      transform: translateY(-2px);
-      box-shadow: 0 6px 20px rgba(14, 165, 233, 0.35);
-    }
-    
-    &:active:not(:disabled) {
-      transform: translateY(0);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-styled(Button)`
-  && {
-    background: transparent;
-    color: var(--colors-primary600, #0EA5E9);
-    font-weight: 500;
-    border: none;
-    padding: 4px 8px;
-    min-height: auto;
-    text-decoration: underline;
-    transition: all 0.2s ease;
-    
-    &:hover:not(:disabled) {
-      color: var(--colors-primary700, #0284C7);
-      text-decoration: none;
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-const WhiteOutlineButton = styled(Button)`
-  && {
-    background: rgba(255, 255, 255, 0.15);
-    color: white;
-    font-weight: 600;
-    border: 2px solid rgba(255, 255, 255, 0.4);
-    padding: 8px 16px;
-    min-height: 38px;
-    border-radius: 8px;
-    backdrop-filter: blur(4px);
-    transition: all 0.2s ease;
-    
-    &:hover:not(:disabled) {
-      background: rgba(255, 255, 255, 0.25);
-      border-color: rgba(255, 255, 255, 0.6);
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    }
-    
-    &:active:not(:disabled) {
-      transform: translateY(0);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-export {
-  CTAButton as C,
-  DangerButton as D,
-  GradientButton as G,
-  IconButton as I,
-  SecondaryButton as S,
-  TertiaryButton as T,
-  WhiteOutlineButton as W,
-  IconButtonPrimary as a,
-  IconButtonDanger as b,
-  IconButtonPurple as c,
-  IconButtonSuccess as d
-};