> renders wrapper.tsx correctly 1`] = `
}
.emotion-3 {
- color: #dddddd;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -18346,10 +18345,6 @@ exports[`
> renders wrapper.tsx correctly 1`] = `
height: 24px!important;
}
-.emotion-3:hover .studio-btn-icon {
- color: #dddddd!important;
-}
-
.emotion-3:hover {
color: rgba(0, 0, 0, 0.88)!important;
}
@@ -18449,48 +18444,32 @@ exports[`
> renders wrapper.tsx correctly 1`] = `
}
.emotion-6 {
- position: absolute;
- top: 16px;
- right: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- width: 16px;
- height: 16px;
- padding: 0;
- overflow: hidden;
- border: 0;
- outline: none;
- cursor: pointer;
- opacity: 0.6;
- -webkit-transition: opacity 0.2s;
- transition: opacity 0.2s;
- background-color: #2b303b;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.emotion-6:hover {
- opacity: 0.8;
-}
-
-.emotion-7 {
- width: 16px;
- color: #dddddd;
- height: 16px;
- font-size: 16px;
+ color: rgba(0, 0, 0, 0.88)!important;
}
-.emotion-7.scoll {
- -webkit-animation: copy-button-trans 2s;
- animation: copy-button-trans 2s;
- -webkit-animation-play-state: running;
- animation-play-state: running;
+.emotion-6:active {
+ scale: 0.8;
+ color: rgba(0, 0, 0, 0.88);
}
-.emotion-9 {
+.emotion-7 {
background-color: #2b303b;
border: 1px solid #2b303b;
position: relative;
@@ -18501,89 +18480,89 @@ exports[`
> renders wrapper.tsx correctly 1`] = `
transition: background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
-.emotion-9:not(:hover) .studio-highlight-copy {
+.emotion-7:not(:hover) .studio-highlight-copy {
visibility: hidden;
opacity: 0;
}
-.emotion-9:not(:hover) .studio-highlight-tag {
+.emotion-7:not(:hover) .studio-highlight-tag {
visibility: hidden;
opacity: 0;
}
-.emotion-9 pre {
+.emotion-7 pre {
margin: 0!important;
padding: 16px 24px!important;
background: none!important;
}
-.emotion-9 code {
+.emotion-7 code {
background: transparent!important;
}
-.emotion-10 {
+.emotion-8 {
display: block;
overflow-x: auto;
color: #dddddd;
background-color: #777777;
}
-.emotion-10 .hljs-comment,
-.emotion-10 .hljs-quote {
+.emotion-8 .hljs-comment,
+.emotion-8 .hljs-quote {
color: #555555;
}
-.emotion-10 .hljs-variable,
-.emotion-10 .hljs-attribute,
-.emotion-10 .hljs-template-variable,
-.emotion-10 .hljs-tag,
-.emotion-10 .hljs-name,
-.emotion-10 .hljs-selector-id,
-.emotion-10 .hljs-selector-class,
-.emotion-10 .hljs-regexp,
-.emotion-10 .hljs-title,
-.emotion-10 .hljs-deletion {
+.emotion-8 .hljs-variable,
+.emotion-8 .hljs-attribute,
+.emotion-8 .hljs-template-variable,
+.emotion-8 .hljs-tag,
+.emotion-8 .hljs-name,
+.emotion-8 .hljs-selector-id,
+.emotion-8 .hljs-selector-class,
+.emotion-8 .hljs-regexp,
+.emotion-8 .hljs-title,
+.emotion-8 .hljs-deletion {
color: #f04f88;
}
-.emotion-10 .hljs-builtin-name,
-.emotion-10 .hljs-literal,
-.emotion-10 .hljs-type,
-.emotion-10 .hljs-params,
-.emotion-10 .hljs-meta,
-.emotion-10 .hljs-link {
+.emotion-8 .hljs-builtin-name,
+.emotion-8 .hljs-literal,
+.emotion-8 .hljs-type,
+.emotion-8 .hljs-params,
+.emotion-8 .hljs-meta,
+.emotion-8 .hljs-link {
color: #ffcb47;
}
-.emotion-10 .hljs-string,
-.emotion-10 .hljs-number,
-.emotion-10 .hljs-symbol,
-.emotion-10 .hljs-bullet,
-.emotion-10 .hljs-addition {
+.emotion-8 .hljs-string,
+.emotion-8 .hljs-number,
+.emotion-8 .hljs-symbol,
+.emotion-8 .hljs-bullet,
+.emotion-8 .hljs-addition {
color: #c4f042;
}
-.emotion-10 .hljs-keyword,
-.emotion-10 .hljs-doctag,
-.emotion-10 .hljs-built_in,
-.emotion-10 .hljs-selector-tag,
-.emotion-10 .hljs-section {
+.emotion-8 .hljs-keyword,
+.emotion-8 .hljs-doctag,
+.emotion-8 .hljs-built_in,
+.emotion-8 .hljs-selector-tag,
+.emotion-8 .hljs-section {
color: #8ae8ff;
}
-.emotion-10 .hljs-emphasis {
+.emotion-8 .hljs-emphasis {
font-style: italic;
}
-.emotion-10 .hljs-strong {
+.emotion-8 .hljs-strong {
font-weight: bold;
}
-.emotion-11 {
+.emotion-9 {
width: 100%;
}
-.emotion-16 {
+.emotion-14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -18602,7 +18581,7 @@ exports[`
> renders wrapper.tsx correctly 1`] = `
gap: 8px;
}
-.emotion-17 {
+.emotion-15 {
-webkit-backdrop-filter: saturate(180%) blur(10px);
backdrop-filter: saturate(180%) blur(10px);
position: absolute;
@@ -18627,104 +18606,71 @@ exports[`
> renders wrapper.tsx correctly 1`] = `
border-radius: 6;
}
-.emotion-18 {
+.emotion-16 {
color: #555555;
}
-.emotion-19 {
+.emotion-17 {
background-color: hsla(0, 0%, 98%, 0.9);
border-radius: 6px;
}
-.emotion-19 .studio-highlight-copy {
+.emotion-17 .studio-highlight-copy {
background-color: transparent;
position: inherit;
width: 30px;
padding-left: 6px;
}
-.emotion-22 {
- color: #333333;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
- transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
- width: 24px!important;
- height: 24px!important;
-}
-
-.emotion-22:hover .studio-btn-icon {
- color: #333333!important;
-}
-
-.emotion-22:hover {
- color: rgba(0, 0, 0, 0.88)!important;
-}
-
-.emotion-22:active {
- scale: 0.8;
- color: rgba(0, 0, 0, 0.88);
-}
-
-.emotion-23 {
+.emotion-21 {
min-width: 100px;
}
-.emotion-23.studio-select-multiple:not(.emotion-23.studio-select-customize-input) .emotion-23.studio-select.studio-select-selector:hover {
+.emotion-21.studio-select-multiple:not(.emotion-21.studio-select-customize-input) .emotion-21.studio-select.studio-select-selector:hover {
color: rgba(0, 0, 0, 0.88);
background-color: rgba(0, 0, 0, 0.04);
border-color: transparent;
}
-.emotion-23.studio-select-multiple:not(.emotion-23.studio-select-customize-input) .emotion-23.studio-select.studio-select-selector:focus {
+.emotion-21.studio-select-multiple:not(.emotion-21.studio-select-customize-input) .emotion-21.studio-select.studio-select-selector:focus {
color: rgba(0, 0, 0, 0.88)!important;
background-color: rgba(0, 0, 0, 0.02)!important;
border-color: #1677ff!important;
box-shadow: none;
}
-.emotion-23.studio-select:not(.studio-select-disabled):not(.studio-select-customize-input):hover .studio-select-selector {
+.emotion-21.studio-select:not(.studio-select-disabled):not(.studio-select-customize-input):hover .studio-select-selector {
border-color: transparent;
}
-.emotion-23.studio-select:not(.studio-select-disabled):not(.studio-select-customize-input):hover .studio-select-selector:hover {
+.emotion-21.studio-select:not(.studio-select-disabled):not(.studio-select-customize-input):hover .studio-select-selector:hover {
color: rgba(0, 0, 0, 0.88);
background-color: rgba(0, 0, 0, 0.04);
border-color: transparent;
}
-.emotion-23.studio-select:not(.studio-select-disabled):not(.studio-select-customize-input):hover .studio-select-selector:focus {
+.emotion-21.studio-select:not(.studio-select-disabled):not(.studio-select-customize-input):hover .studio-select-selector:focus {
color: rgba(0, 0, 0, 0.88)!important;
background-color: rgba(0, 0, 0, 0.02)!important;
border-color: #1677ff!important;
box-shadow: none;
}
-.emotion-23.studio-select-focused:not(.studio-select-disabled):not(.studio-select-customize-input):hover .studio-select-selector {
+.emotion-21.studio-select-focused:not(.studio-select-disabled):not(.studio-select-customize-input):hover .studio-select-selector {
color: rgba(0, 0, 0, 0.88)!important;
background-color: rgba(0, 0, 0, 0.02)!important;
border-color: #1677ff!important;
box-shadow: none;
}
-.emotion-23.studio-select-focused:not(.studio-select-disabled):not(.studio-select-customize-input) .studio-select-selector {
+.emotion-21.studio-select-focused:not(.studio-select-disabled):not(.studio-select-customize-input) .studio-select-selector {
color: rgba(0, 0, 0, 0.88)!important;
background-color: rgba(0, 0, 0, 0.02)!important;
border-color: #1677ff!important;
box-shadow: none;
}
-.emotion-23 .studio-select-arrow {
+.emotion-21 .studio-select-arrow {
top: 13px;
right: 8px;
width: 10px;
@@ -18732,66 +18678,24 @@ exports[`
> renders wrapper.tsx correctly 1`] = `
font-size: 10px;
}
-.emotion-23 .studio-btn {
+.emotion-21 .studio-btn {
color: #333333;
}
-.emotion-23 .studio-btn:hover {
+.emotion-21 .studio-btn:hover {
color: #666666!important;
}
-.emotion-23 .studio-select-selector {
+.emotion-21 .studio-select-selector {
-webkit-padding-end: 4px!important;
padding-inline-end: 4px!important;
}
-.emotion-23 .studio-select-selection-overflow-item-suffix .studio-select-selection-search {
+.emotion-21 .studio-select-selection-overflow-item-suffix .studio-select-selection-search {
display: none;
}
-.emotion-25 {
- position: absolute;
- top: 16px;
- right: 16px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- width: 16px;
- height: 16px;
- padding: 0;
- overflow: hidden;
- border: 0;
- outline: none;
- cursor: pointer;
- opacity: 0.6;
- -webkit-transition: opacity 0.2s;
- transition: opacity 0.2s;
- background-color: #fafafa;
-}
-
-.emotion-25:hover {
- opacity: 0.8;
-}
-
-.emotion-26 {
- width: 16px;
- color: #333333;
- height: 16px;
- font-size: 16px;
-}
-
-.emotion-26.scoll {
- -webkit-animation: copy-button-trans 2s;
- animation: copy-button-trans 2s;
- -webkit-animation-play-state: running;
- animation-play-state: running;
-}
-
-.emotion-28 {
+.emotion-24 {
background-color: #fafafa;
border: 1px solid #fafafa;
position: relative;
@@ -18802,85 +18706,85 @@ exports[`
> renders wrapper.tsx correctly 1`] = `
transition: background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
-.emotion-28:not(:hover) .studio-highlight-copy {
+.emotion-24:not(:hover) .studio-highlight-copy {
visibility: hidden;
opacity: 0;
}
-.emotion-28:not(:hover) .studio-highlight-tag {
+.emotion-24:not(:hover) .studio-highlight-tag {
visibility: hidden;
opacity: 0;
}
-.emotion-28 pre {
+.emotion-24 pre {
margin: 0!important;
padding: 16px 24px!important;
background: none!important;
}
-.emotion-28 code {
+.emotion-24 code {
background: transparent!important;
}
-.emotion-29 {
+.emotion-25 {
display: block;
overflow-x: auto;
color: #333333;
background-color: #666666;
}
-.emotion-29 .hljs-comment,
-.emotion-29 .hljs-quote {
+.emotion-25 .hljs-comment,
+.emotion-25 .hljs-quote {
color: #aaaaaa;
}
-.emotion-29 .hljs-variable,
-.emotion-29 .hljs-attribute,
-.emotion-29 .hljs-template-variable,
-.emotion-29 .hljs-tag,
-.emotion-29 .hljs-name,
-.emotion-29 .hljs-selector-id,
-.emotion-29 .hljs-selector-class,
-.emotion-29 .hljs-regexp,
-.emotion-29 .hljs-title,
-.emotion-29 .hljs-deletion {
+.emotion-25 .hljs-variable,
+.emotion-25 .hljs-attribute,
+.emotion-25 .hljs-template-variable,
+.emotion-25 .hljs-tag,
+.emotion-25 .hljs-name,
+.emotion-25 .hljs-selector-id,
+.emotion-25 .hljs-selector-class,
+.emotion-25 .hljs-regexp,
+.emotion-25 .hljs-title,
+.emotion-25 .hljs-deletion {
color: #ec5e41;
}
-.emotion-29 .hljs-builtin-name,
-.emotion-29 .hljs-literal,
-.emotion-29 .hljs-type,
-.emotion-29 .hljs-params,
-.emotion-29 .hljs-meta,
-.emotion-29 .hljs-link {
+.emotion-25 .hljs-builtin-name,
+.emotion-25 .hljs-literal,
+.emotion-25 .hljs-type,
+.emotion-25 .hljs-params,
+.emotion-25 .hljs-meta,
+.emotion-25 .hljs-link {
color: #ff802b;
}
-.emotion-29 .hljs-string,
-.emotion-29 .hljs-number,
-.emotion-29 .hljs-symbol,
-.emotion-29 .hljs-bullet,
-.emotion-29 .hljs-addition {
+.emotion-25 .hljs-string,
+.emotion-25 .hljs-number,
+.emotion-25 .hljs-symbol,
+.emotion-25 .hljs-bullet,
+.emotion-25 .hljs-addition {
color: #55b467;
}
-.emotion-29 .hljs-keyword,
-.emotion-29 .hljs-doctag,
-.emotion-29 .hljs-built_in,
-.emotion-29 .hljs-selector-tag,
-.emotion-29 .hljs-section {
+.emotion-25 .hljs-keyword,
+.emotion-25 .hljs-doctag,
+.emotion-25 .hljs-built_in,
+.emotion-25 .hljs-selector-tag,
+.emotion-25 .hljs-section {
color: #369eff;
}
-.emotion-29 .hljs-emphasis {
+.emotion-25 .hljs-emphasis {
font-style: italic;
}
-.emotion-29 .hljs-strong {
+.emotion-25 .hljs-strong {
font-weight: bold;
}
-.emotion-36 {
+.emotion-32 {
-webkit-backdrop-filter: saturate(180%) blur(10px);
backdrop-filter: saturate(180%) blur(10px);
position: absolute;
@@ -18905,7 +18809,7 @@ exports[`
> renders wrapper.tsx correctly 1`] = `
border-radius: 6;
}
-.emotion-37 {
+.emotion-33 {
color: #aaaaaa;
}
@@ -18918,8 +18822,6 @@ exports[`
> renders wrapper.tsx correctly 1`] = `
>
> renders wrapper.tsx correctly 1`] = `
/>
-
-
-
-
-
-
-
-
+
+
+
+