source.dussan.org Git - sonarqube.git/blob

   1 // Jest Snapshot v1, https://goo.gl/fbAQLP
   2
   3 exports[`should render with primary and secondary buttons 1`] = `
   4 @keyframes animation-0 {
   5   from {
   6     -webkit-transform: rotate(0deg);
   7     -moz-transform: rotate(0deg);
   8     -ms-transform: rotate(0deg);
   9     transform: rotate(0deg);
  10   }
  11
  12   to {
  13     -webkit-transform: rotate(-360deg);
  14     -moz-transform: rotate(-360deg);
  15     -ms-transform: rotate(-360deg);
  16     transform: rotate(-360deg);
  17   }
  18 }
  19
  20 .emotion-0 {
  21   display: -webkit-box;
  22   display: -webkit-flex;
  23   display: -ms-flexbox;
  24   display: flex;
  25   -webkit-align-items: center;
  26   -webkit-box-align: center;
  27   -ms-flex-align: center;
  28   align-items: center;
  29   -webkit-box-pack: end;
  30   -ms-flex-pack: end;
  31   -webkit-justify-content: flex-end;
  32   justify-content: flex-end;
  33   gap: 0.75rem;
  34 }
  35
  36 .emotion-2 {
  37   border: 2px solid transparent;
  38   background: linear-gradient(0deg, rgb(93,108,208) 50%, transparent 50% 100%) border-box,linear-gradient(90deg, rgb(93,108,208) 25%, transparent 75% 100%) border-box;
  39   -webkit-mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
  40   mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
  41   -webkit-mask-composite: xor;
  42   -webkit-mask-composite: exclude;
  43   mask-composite: exclude;
  44   -webkit-animation: animation-0 1s infinite linear;
  45   animation: animation-0 1s infinite linear;
  46   height: 1rem;
  47   width: 1rem;
  48   display: inline-block;
  49   box-sizing: border-box;
  50   border-radius: 625rem;
  51 }
  52
  53 <div>
  54   <div
  55     class="emotion-0 emotion-1"
  56   >
  57     <div
  58       class="sw-overflow-hidden sw-sr-only sw-left-[-10000px]"
  59     >
  60       <div
  61         aria-live="polite"
  62         class="emotion-2 emotion-3"
  63         role="status"
  64       />
  65     </div>
  66     <button
  67       type="button"
  68     >
  69       Primary
  70     </button>
  71     <button
  72       type="reset"
  73     >
  74       Reset
  75     </button>
  76   </div>
  77 </div>
  78 `;
  79
  80 exports[`should render with secondary button 1`] = `
  81 @keyframes animation-0 {
  82   from {
  83     -webkit-transform: rotate(0deg);
  84     -moz-transform: rotate(0deg);
  85     -ms-transform: rotate(0deg);
  86     transform: rotate(0deg);
  87   }
  88
  89   to {
  90     -webkit-transform: rotate(-360deg);
  91     -moz-transform: rotate(-360deg);
  92     -ms-transform: rotate(-360deg);
  93     transform: rotate(-360deg);
  94   }
  95 }
  96
  97 .emotion-0 {
  98   display: -webkit-box;
  99   display: -webkit-flex;
 100   display: -ms-flexbox;
 101   display: flex;
 102   -webkit-align-items: center;
 103   -webkit-box-align: center;
 104   -ms-flex-align: center;
 105   align-items: center;
 106   -webkit-box-pack: end;
 107   -ms-flex-pack: end;
 108   -webkit-justify-content: flex-end;
 109   justify-content: flex-end;
 110   gap: 0.75rem;
 111 }
 112
 113 .emotion-2 {
 114   border: 2px solid transparent;
 115   background: linear-gradient(0deg, rgb(93,108,208) 50%, transparent 50% 100%) border-box,linear-gradient(90deg, rgb(93,108,208) 25%, transparent 75% 100%) border-box;
 116   -webkit-mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
 117   mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
 118   -webkit-mask-composite: xor;
 119   -webkit-mask-composite: exclude;
 120   mask-composite: exclude;
 121   -webkit-animation: animation-0 1s infinite linear;
 122   animation: animation-0 1s infinite linear;
 123   height: 1rem;
 124   width: 1rem;
 125   display: inline-block;
 126   box-sizing: border-box;
 127   border-radius: 625rem;
 128 }
 129
 130 <div>
 131   <div
 132     class="emotion-0 emotion-1"
 133   >
 134     <div
 135       class="sw-overflow-hidden sw-sr-only sw-left-[-10000px]"
 136     >
 137       <div
 138         aria-live="polite"
 139         class="emotion-2 emotion-3"
 140         role="status"
 141       />
 142     </div>
 143     <button
 144       type="button"
 145     >
 146       Close
 147     </button>
 148   </div>
 149 </div>
 150 `;