Skip to content

Commit

Permalink
chore: update snapshot
Browse files Browse the repository at this point in the history
  • Loading branch information
@naporin0624
naporin0624 committed Oct 25, 2023
1 parent 1d1c14e commit 8101f70
Show file tree
Hide file tree
Showing 4 changed files with 160 additions and 134 deletions.
24 changes: 24 additions & 0 deletions packages/icons/src/__snapshots__/PixivIcon.story.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,6 +76,18 @@ exports[`Storyshots Icons/PixivIcon (<pixiv-icon>) Default 1`] = `
16/Add
</div>
</div>
<div
className="c3"
color="#000000"
>
<pixiv-icon
name="16/Archive"
scale={1}
/>
<div>
16/Archive
</div>
</div>
<div
className="c3"
color="#000000"
Expand Down Expand Up @@ -268,6 +280,18 @@ exports[`Storyshots Icons/PixivIcon (<pixiv-icon>) Default 1`] = `
16/More
</div>
</div>
<div
className="c3"
color="#000000"
>
<pixiv-icon
name="16/Nextworks"
scale={1}
/>
<div>
16/Nextworks
</div>
</div>
<div
className="c3"
color="#000000"
Expand Down
133 changes: 1 addition & 132 deletions packages/react/src/components/DropdownSelector/__snapshots__/index.story.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -119,7 +119,7 @@ exports[`Storyshots DropdownSelector Basic 1`] = `
<span
className="c2"
>
placeholder
Apple
</span>
<pixiv-icon
class="c3"
Expand Down Expand Up @@ -400,137 +400,6 @@ exports[`Storyshots DropdownSelector In Form Tag 1`] = `
</div>
`;

exports[`Storyshots DropdownSelector Playground 1`] = `
.c0 {
display: inline-block;
width: 100%;
}

.c0:disabled,
.c0[aria-disabled]:not([aria-disabled=false]) {
cursor: default;
}

.c0:disabled:disabled,
.c0[aria-disabled]:not([aria-disabled=false]):disabled,
.c0:disabled[aria-disabled]:not([aria-disabled=false]),
.c0[aria-disabled]:not([aria-disabled=false])[aria-disabled]:not([aria-disabled=false]) {
opacity: 0.32;
}

.c1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
width: 100%;
box-sizing: border-box;
border: none;
cursor: pointer;
padding-right: 8px;
padding-left: 8px;
background-color: var(--charcoal-surface3);
border-radius: 4px;
-webkit-transition: 0.2s box-shadow;
transition: 0.2s box-shadow;
}

.c1:disabled,
.c1[aria-disabled]:not([aria-disabled=false]) {
cursor: default;
}

.c1:not(:disabled):not([aria-disabled]):focus,
.c1[aria-disabled=false]:focus,
.c1:not(:disabled):not([aria-disabled]):active,
.c1[aria-disabled=false]:active {
outline: none;
box-shadow: 0 0 0 4px rgba(0,150,250,0.32);
}

.c1:not(:disabled):not([aria-disabled]):focus:not(:focus-visible),
.c1[aria-disabled=false]:focus:not(:focus-visible),
.c1:not(:disabled):not([aria-disabled]):active:not(:focus-visible),
.c1[aria-disabled=false]:active:not(:focus-visible) {
outline: none;
}

.c1:not(:disabled):not([aria-disabled]):focus-visible,
.c1[aria-disabled=false]:focus-visible {
outline: none;
box-shadow: 0 0 0 4px rgba(0,150,250,0.32);
}

.c2 {
text-align: left;
font-size: 14px;
line-height: 22px;
display: flow-root;
color: var(--charcoal-text2);
}

.c2::before {
display: block;
width: 0;
height: 0;
content: '';
margin-top: -4px;
}

.c2::after {
display: block;
width: 0;
height: 0;
content: '';
margin-bottom: -4px;
}

.c3 {
color: var(--charcoal-text2);
}

<div
data-dark={false}
>
<div
style={
Object {
"width": 288,
}
}
>
<div
className="c0"
>
<button
className="c1"
onClick={[Function]}
type="button"
>
<span
className="c2"
>
50
</span>
<pixiv-icon
class="c3"
name="16/Menu"
/>
</button>
</div>
</div>
</div>
`;

exports[`Storyshots DropdownSelector Section List 1`] = `
.c0 {
display: inline-block;
Expand Down
133 changes: 133 additions & 0 deletions packages/react/src/components/Modal/__snapshots__/index.story.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -398,3 +398,136 @@ exports[`Storyshots Modal Full Bottom Sheet 1`] = `
</div>
</div>
`;

exports[`Storyshots Modal Internal Scroll 1`] = `
.c0 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
padding: 0;
border-style: none;
outline: none;
color: inherit;
text-rendering: inherit;
-webkit-letter-spacing: inherit;
-moz-letter-spacing: inherit;
-ms-letter-spacing: inherit;
letter-spacing: inherit;
word-spacing: inherit;
font: inherit;
margin: 0;
overflow: visible;
text-transform: none;
cursor: pointer;
}

.c0:focus {
outline: none;
}

.c0::-moz-focus-inner {
border-style: none;
padding: 0;
}

.c0:disabled,
.c0[aria-disabled]:not([aria-disabled=false]) {
cursor: default;
}

.c1 {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
display: inline-grid;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
color: var(--charcoal-text2);
background-color: var(--charcoal-surface3);
font-size: 14px;
line-height: 22px;
font-weight: bold;
padding-right: 24px;
padding-left: 24px;
border-radius: 999999px;
-webkit-transition: 0.2s color,0.2s background-color,0.2s box-shadow;
transition: 0.2s color,0.2s background-color,0.2s box-shadow;
height: 40px;
}

.c1:hover:not(:disabled):not([aria-disabled]),
.c1:hover[aria-disabled=false] {
color: var(--charcoal-text2-hover);
}

.c1:active:not(:disabled):not([aria-disabled]),
.c1:active[aria-disabled=false] {
color: var(--charcoal-text2-press);
}

.c1:hover:not(:disabled):not([aria-disabled]),
.c1:hover[aria-disabled=false] {
background-color: var(--charcoal-surface3-hover);
}

.c1:active:not(:disabled):not([aria-disabled]),
.c1:active[aria-disabled=false] {
background-color: var(--charcoal-surface3-press);
}

.c1:disabled,
.c1[aria-disabled]:not([aria-disabled=false]) {
opacity: 0.32;
}

.c1:not(:disabled):not([aria-disabled]):focus,
.c1[aria-disabled=false]:focus,
.c1:not(:disabled):not([aria-disabled]):active,
.c1[aria-disabled=false]:active {
outline: none;
box-shadow: 0 0 0 4px rgba(0,150,250,0.32);
}

.c1:not(:disabled):not([aria-disabled]):focus:not(:focus-visible),
.c1[aria-disabled=false]:focus:not(:focus-visible),
.c1:not(:disabled):not([aria-disabled]):active:not(:focus-visible),
.c1[aria-disabled=false]:active:not(:focus-visible) {
outline: none;
}

.c1:not(:disabled):not([aria-disabled]):focus-visible,
.c1[aria-disabled=false]:focus-visible {
outline: none;
box-shadow: 0 0 0 4px rgba(0,150,250,0.32);
}

<div
data-dark={false}
>
<div
aria-hidden={null}
data-overlay-container={true}
>
<button
className="c0 c1"
disabled={false}
onClick={[Function]}
>
Open Modal
</button>
</div>
</div>
`;
4 changes: 2 additions & 2 deletions packages/tailwind-config/src/docs/colors/__snapshots__/TextBgColor.story.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,10 @@ exports[`Storyshots tailwind-config/Colors/Text bg color Playground 1`] = `
data-dark={false}
>
<div
className="undefined p-64 max-w-2xl"
className="bg-background1 p-64 max-w-2xl"
>
<p
className="typography-20 undefined"
className="typography-20 text-text1"
>
charcoal はピクシブ株式会社のデザインシステムです。ここでは特に、Web フロントエンドの実装に用いる npm パッケージ集のことを言います。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at odio bibendum nisl mollis eleifend et quis turpis. Quisque dignissim porta justo ut convallis.dipiscing elit.
</p>
Expand Down

0 comments on commit 8101f70

Please sign in to comment.