Skip to content

Commit 77e60e7

Browse files
jenndiazcastastrophe
authored andcommitted
docs(textfield): update isChromatic syntax
1 parent 235aef2 commit 77e60e7

File tree

1 file changed

+6
-7
lines changed

1 file changed

+6
-7
lines changed

components/textfield/stories/textfield.stories.js

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
// Import the component markup template
22
import { Template } from "./template";
33
import { html } from "lit";
4-
import isChromatic from "chromatic/isChromatic";
54

65
export default {
76
title: "Components/Text field",
@@ -206,20 +205,20 @@ const TextFieldGroup = ({
206205
${Template({
207206
...args
208207
})}
209-
${isChromatic() ?
208+
${window.isChromatic() ?
210209
Template({
211210
displayLabel: true,
212211
labelText: "Username",
213212
})
214213
: null }
215-
${isChromatic() ?
214+
${window.isChromatic() ?
216215
Template({
217216
displayLabel: true,
218217
labelText: "Username that is really long and wraps onto a second line",
219218
isInvalid: true,
220219
})
221220
: null }
222-
${isChromatic() ?
221+
${window.isChromatic() ?
223222
Template({
224223
displayLabel: true,
225224
labelText: "Username",
@@ -242,15 +241,15 @@ const TextAreaGroup = ({
242241
multiline: true,
243242
value: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt."
244243
})}
245-
${isChromatic() ?
244+
${window.isChromatic() ?
246245
Template({
247246
displayLabel: true,
248247
labelText: "Username",
249248
multiline: true,
250249
value: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.",
251250
})
252251
: null }
253-
${isChromatic() ?
252+
${window.isChromatic() ?
254253
Template({
255254
displayLabel: true,
256255
labelText: "Username that is really long and wraps onto a second line",
@@ -259,7 +258,7 @@ const TextAreaGroup = ({
259258
value: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.",
260259
})
261260
: null }
262-
${isChromatic() ?
261+
${window.isChromatic() ?
263262
Template({
264263
displayLabel: true,
265264
labelText: "Username",

0 commit comments

Comments
 (0)