mirror of
https://github.com/SomboChea/ui
synced 2024-05-19 09:51:36 +07:00
111f0c50e5
* chore: updated emotion dependency * feat: introduced theme * refactor: updated emotion styles * fix: fixed emotion error * fix: fixed tests * chore: add missing types Co-Authored-By: Thomas Klein <tmkn@users.noreply.github.com>
263 lines
6.5 KiB
Plaintext
263 lines
6.5 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<Install /> renders correctly 1`] = `
|
|
.emotion-0 {
|
|
font-weight: 700;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.emotion-12 {
|
|
padding: 0;
|
|
}
|
|
|
|
.emotion-12:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.emotion-2 {
|
|
border-radius: 0px;
|
|
padding: 0;
|
|
}
|
|
|
|
.emotion-10 {
|
|
padding: 0 10px;
|
|
margin: 0;
|
|
}
|
|
|
|
.emotion-8 {
|
|
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: justify;
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.emotion-4 {
|
|
display: inline-block;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
height: 21px;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
<ul
|
|
class="MuiList-root MuiList-padding MuiList-subheader"
|
|
data-testid="installList"
|
|
>
|
|
<h6
|
|
class="MuiTypography-root emotion-0 emotion-1 MuiTypography-subtitle1"
|
|
>
|
|
Installation
|
|
</h6>
|
|
<div
|
|
aria-disabled="false"
|
|
class="MuiButtonBase-root MuiListItem-root emotion-12 emotion-13 MuiListItem-gutters MuiListItem-button"
|
|
data-testid="installListItem-npm"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="MuiAvatar-root MuiAvatar-circle emotion-2 emotion-3"
|
|
>
|
|
<img
|
|
alt="npm"
|
|
class="MuiAvatar-img"
|
|
src="[object Object]"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="MuiListItemText-root emotion-10 emotion-11 MuiListItemText-multiline"
|
|
>
|
|
<span
|
|
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1"
|
|
>
|
|
<div
|
|
class="emotion-8 emotion-9"
|
|
>
|
|
<span
|
|
class="emotion-4 emotion-5"
|
|
>
|
|
npm install foo
|
|
</span>
|
|
<button
|
|
class="MuiButtonBase-root MuiIconButton-root emotion-6 emotion-7"
|
|
tabindex="0"
|
|
title="Copy to Clipboard"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="MuiIconButton-label"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="MuiSvgIcon-root"
|
|
focusable="false"
|
|
role="presentation"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="MuiTouchRipple-root"
|
|
/>
|
|
</button>
|
|
</div>
|
|
</span>
|
|
<p
|
|
class="MuiTypography-root MuiListItemText-secondary MuiTypography-body2 MuiTypography-colorTextSecondary"
|
|
>
|
|
Install using npm
|
|
</p>
|
|
</div>
|
|
<span
|
|
class="MuiTouchRipple-root"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-disabled="false"
|
|
class="MuiButtonBase-root MuiListItem-root emotion-12 emotion-13 MuiListItem-gutters MuiListItem-button"
|
|
data-testid="installListItem-yarn"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="MuiAvatar-root MuiAvatar-circle emotion-2 emotion-3"
|
|
>
|
|
<img
|
|
alt="yarn"
|
|
class="MuiAvatar-img"
|
|
src="[object Object]"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="MuiListItemText-root emotion-10 emotion-11 MuiListItemText-multiline"
|
|
>
|
|
<span
|
|
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1"
|
|
>
|
|
<div
|
|
class="emotion-8 emotion-9"
|
|
>
|
|
<span
|
|
class="emotion-4 emotion-5"
|
|
>
|
|
yarn add foo
|
|
</span>
|
|
<button
|
|
class="MuiButtonBase-root MuiIconButton-root emotion-6 emotion-7"
|
|
tabindex="0"
|
|
title="Copy to Clipboard"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="MuiIconButton-label"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="MuiSvgIcon-root"
|
|
focusable="false"
|
|
role="presentation"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="MuiTouchRipple-root"
|
|
/>
|
|
</button>
|
|
</div>
|
|
</span>
|
|
<p
|
|
class="MuiTypography-root MuiListItemText-secondary MuiTypography-body2 MuiTypography-colorTextSecondary"
|
|
>
|
|
Install using yarn
|
|
</p>
|
|
</div>
|
|
<span
|
|
class="MuiTouchRipple-root"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-disabled="false"
|
|
class="MuiButtonBase-root MuiListItem-root emotion-12 emotion-13 MuiListItem-gutters MuiListItem-button"
|
|
data-testid="installListItem-pnpm"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="MuiAvatar-root MuiAvatar-circle emotion-2 emotion-3"
|
|
>
|
|
<img
|
|
alt="pnpm"
|
|
class="MuiAvatar-img"
|
|
src="[object Object]"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="MuiListItemText-root emotion-10 emotion-11 MuiListItemText-multiline"
|
|
>
|
|
<span
|
|
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1"
|
|
>
|
|
<div
|
|
class="emotion-8 emotion-9"
|
|
>
|
|
<span
|
|
class="emotion-4 emotion-5"
|
|
>
|
|
pnpm install foo
|
|
</span>
|
|
<button
|
|
class="MuiButtonBase-root MuiIconButton-root emotion-6 emotion-7"
|
|
tabindex="0"
|
|
title="Copy to Clipboard"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="MuiIconButton-label"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="MuiSvgIcon-root"
|
|
focusable="false"
|
|
role="presentation"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="MuiTouchRipple-root"
|
|
/>
|
|
</button>
|
|
</div>
|
|
</span>
|
|
<p
|
|
class="MuiTypography-root MuiListItemText-secondary MuiTypography-body2 MuiTypography-colorTextSecondary"
|
|
>
|
|
Install using pnpm
|
|
</p>
|
|
</div>
|
|
<span
|
|
class="MuiTouchRipple-root"
|
|
/>
|
|
</div>
|
|
</ul>
|
|
`;
|