@channel.io/bezier-react 3.1.3 → 3.1.5

package/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap

@@ -1,93 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Avatar > Snapshot 1`] = `
-<div
-  aria-description="Name"
-  class="SmoothCornersBox AvatarImage"
-  data-state="disabled"
-  data-testid="bezier-avatar"
-  style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-/>
-`;
-
-exports[`Avatar > renders border style 1`] = `
-<div
-  aria-description="Name"
-  class="SmoothCornersBox AvatarImage bordered"
-  data-state="disabled"
-  data-testid="bezier-avatar"
-  style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 2px; --b-smooth-corners-box-shadow-color: var(--bg-white-high); --b-smooth-corners-box-padding: 4px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-/>
-`;
-
-exports[`Avatar > should have right -2px, bottom -2px style on StatusWrapper 1`] = `
-<div
-  class="StatusWrapper"
-  data-testid="bezier-status-wrapper"
->
-  <div
-    class="Status size-m"
-    style="--b-status-bg-color: var(--bgtxt-green-normal);"
-  />
-</div>
-`;
-
-exports[`Avatar > should have right 2px, bottom 2px style on StatusWrapper when show border 1`] = `
-<div
-  class="StatusWrapper"
-  data-testid="bezier-status-wrapper"
->
-  <div
-    class="Status size-m"
-    style="--b-status-bg-color: var(--bgtxt-green-normal);"
-  />
-</div>
-`;
-
-exports[`Avatar > should have right 4px, bottom 4px style on StatusWrapper when size grater then 72 1`] = `
-<div
-  class="StatusWrapper"
-  data-testid="bezier-status-wrapper"
->
-  <div
-    class="Status size-m"
-    style="--b-status-bg-color: var(--bgtxt-green-normal);"
-  />
-</div>
-`;
-
-exports[`Avatar > should have right 4px, bottom 4px style on StatusWrapper when size grater then 90 1`] = `
-<div
-  class="StatusWrapper"
-  data-testid="bezier-status-wrapper"
->
-  <div
-    class="Status size-l"
-    style="--b-status-bg-color: var(--bgtxt-green-normal);"
-  />
-</div>
-`;
-
-exports[`Avatar > should have right 8px, bottom 8px style on StatusWrapper when size grater then 72 and show border 1`] = `
-<div
-  class="StatusWrapper"
-  data-testid="bezier-status-wrapper"
->
-  <div
-    class="Status size-m"
-    style="--b-status-bg-color: var(--bgtxt-green-normal);"
-  />
-</div>
-`;
-
-exports[`Avatar > should have right 8px, bottom 8px style on StatusWrapper when size grater then 90 and show border 1`] = `
-<div
-  class="StatusWrapper"
-  data-testid="bezier-status-wrapper"
->
-  <div
-    class="Status size-l"
-    style="--b-status-bg-color: var(--bgtxt-green-normal);"
-  />
-</div>
-`;

package/src/components/AvatarGroup/__snapshots__/AvatarGroup.test.tsx.snap

@@ -1,215 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AvatarGroup Ellipsis type - Count Snapshot 1`] = `
-<div
-  class="AvatarGroup size-24"
-  role="group"
-  style="--b-avatar-group-spacing: 4px;"
->
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Christian Nwamba"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Kola Tioluwani"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Kent Dodds"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Ryan Florence"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Dan Abrahmov"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Prosper Otemuyiwa"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="AvatarEllipsisCountWrapper size-24"
-    style="--b-avatar-group-ellipsis-ml: 4px;"
-  >
-    <span
-      class="Text typo-13 margin AvatarEllipsisCount"
-      data-testid="bezier-text"
-      style="--b-text-color: var(--txt-black-dark);"
-    >
-      +1
-    </span>
-  </div>
-</div>
-`;
-
-exports[`AvatarGroup Ellipsis type - Icon Snapshot 1`] = `
-<div
-  class="AvatarGroup size-24"
-  role="group"
-  style="--b-avatar-group-spacing: 4px;"
->
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Christian Nwamba"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Kola Tioluwani"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Kent Dodds"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Ryan Florence"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="Avatar size-24"
-    data-disabled="false"
-    data-testid="bezier-avatar-wrapper"
-  >
-    <div
-      aria-description="Dan Abrahmov"
-      class="SmoothCornersBox AvatarImage"
-      data-state="disabled"
-      data-testid="bezier-avatar"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-    />
-  </div>
-  <div
-    class="AvatarEllipsisIconWrapper"
-    data-testid="bezier-avatar-group-ellipsis-icon"
-  >
-    <div
-      class="SmoothCornersBox AvatarEllipsisIcon"
-      data-state="disabled"
-      style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bgtxt-absolute-black-lightest);"
-    >
-      <svg
-        class="Icon size-xs margin"
-        data-testid="bezier-icon"
-        fill="none"
-        height="1em"
-        style="--b-icon-color: var(--bgtxt-absolute-white-dark);"
-        viewBox="0 0 24 24"
-        width="1em"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          clip-rule="evenodd"
-          d="M2.5 12a2.257 2.257 0 0 0 2.25 2.25A2.257 2.257 0 0 0 7 12a2.257 2.257 0 0 0-2.25-2.25A2.257 2.257 0 0 0 2.5 12m9.5 2.25A2.257 2.257 0 0 1 9.75 12 2.257 2.257 0 0 1 12 9.75 2.257 2.257 0 0 1 14.25 12 2.257 2.257 0 0 1 12 14.25m7.25 0A2.257 2.257 0 0 1 17 12a2.257 2.257 0 0 1 2.25-2.25A2.257 2.257 0 0 1 21.5 12a2.257 2.257 0 0 1-2.25 2.25"
-          fill="currentColor"
-          fill-rule="evenodd"
-        />
-      </svg>
-    </div>
-    <div
-      class="Avatar size-24"
-      data-disabled="false"
-      data-testid="bezier-avatar-wrapper"
-    >
-      <div
-        aria-description="Prosper Otemuyiwa"
-        class="SmoothCornersBox AvatarImage"
-        data-state="disabled"
-        data-testid="bezier-avatar"
-        style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bg-white-normal); --b-smooth-corners-box-background-image: url(https://www.google.com);"
-      />
-    </div>
-  </div>
-</div>
-`;

package/src/components/Badge/Badge.test.tsx

@@ -1,27 +0,0 @@
-import { render } from '~/src/utils/test'
-
-import { BADGE_TEST_ID, Badge } from './Badge'
-import { type BadgeProps } from './Badge.types'
-
-describe('Badge test >', () => {
-  let props: BadgeProps
-
-  beforeEach(() => {
-    props = {}
-  })
-
-  const renderBadge = (optionProps?: BadgeProps) =>
-    render(
-      <Badge
-        {...props}
-        {...optionProps}
-      />
-    )
-
-  it('Snapshot >', () => {
-    const { getByTestId } = renderBadge()
-    const badge = getByTestId(BADGE_TEST_ID)
-
-    expect(badge).toMatchSnapshot()
-  })
-})

package/src/components/Badge/__snapshots__/Badge.test.tsx.snap

@@ -1,8 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Badge test > Snapshot > 1`] = `
-<div
-  class="BaseTagBadge size-m variant-default"
-  data-testid="bezier-badge"
-/>
-`;

package/src/components/Emoji/Emoji.test.tsx

@@ -1,32 +0,0 @@
-import { render } from '~/src/utils/test'
-
-import { EMOJI_TEST_ID, Emoji } from './Emoji'
-import { type EmojiProps } from './Emoji.types'
-
-describe('Emoji Test >', () => {
-  const defaultProps: EmojiProps = { size: '24', name: 'a' }
-
-  const renderComponent = (props?: Partial<EmojiProps>) =>
-    render(
-      <Emoji
-        {...defaultProps}
-        {...props}
-      />
-    )
-
-  it('snapshot', () => {
-    const { getByTestId } = renderComponent()
-    const emoji = getByTestId(EMOJI_TEST_ID)
-
-    expect(emoji).toMatchSnapshot()
-  })
-
-  it('should render with emoji image', () => {
-    const { getByTestId } = renderComponent()
-    const emoji = getByTestId(EMOJI_TEST_ID)
-
-    expect(emoji).toHaveStyle(
-      'background-image: var(--b-emoji-background-image)'
-    )
-  })
-})

package/src/components/Emoji/__snapshots__/Emoji.test.tsx.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Emoji Test > snapshot 1`] = `
-<div
-  aria-description="a"
-  class="Emoji size-24"
-  data-testid="bezier-emoji"
-  role="img"
-  style="--b-emoji-background-image: url(https://cf.exp.channel.io/asset/emoji/images/80/a.png);"
-/>
-`;

package/src/components/FormControl/__snapshots__/FormControl.test.tsx.snap

@@ -1,249 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FormControl > Snapshot > With multiple field 1`] = `
-<div>
-  <div
-    class="Stack display-flex direction-vertical margin layout"
-    data-testid="bezier-form-control"
-  >
-    <label
-      class="Text typo-13 bold align-left margin LabelText FormLabelWrapper position-top size-m"
-      data-testid="bezier-form-label"
-      id="form-label"
-      style="--b-text-color: var(--txt-black-darkest);"
-    >
-      Label
-    </label>
-    <div
-      aria-describedby="form-help-text"
-      aria-labelledby="form-label"
-      class="Stack display-flex direction-vertical justify-start align-stretch wrap margin layout"
-      data-testid="bezier-form-group"
-      id="form-group"
-      role="group"
-      style="--b-stack-spacing: 6px;"
-    >
-      <div
-        class="Stack display-flex direction-vertical margin layout"
-        data-testid="bezier-form-control"
-      >
-        <label
-          class="Text typo-13 bold align-left margin LabelText FormLabelWrapper position-top size-m"
-          data-testid="bezier-form-label"
-          for="field-:r3:"
-          id="field-:r3:-label"
-          style="--b-text-color: var(--txt-black-darkest);"
-        >
-          First Inner Label
-        </label>
-        <div
-          class="TextFieldWrapper variant-primary size-m size-m"
-          data-testid="bezier-text-input"
-        >
-          <input
-            autocomplete="off"
-            class="TextFieldInput"
-            id="field-:r3:"
-            size="36"
-          />
-        </div>
-      </div>
-      <div
-        class="Stack display-flex direction-vertical margin layout"
-        data-testid="bezier-form-control"
-      >
-        <label
-          class="Text typo-13 bold align-left margin LabelText FormLabelWrapper position-top size-m"
-          data-testid="bezier-form-label"
-          for="field-:r4:"
-          id="field-:r4:-label"
-          style="--b-text-color: var(--txt-black-darkest);"
-        >
-          Second Inner Label
-        </label>
-        <div
-          class="TextFieldWrapper variant-primary size-m size-m"
-          data-testid="bezier-text-input"
-        >
-          <input
-            aria-invalid="true"
-            autocomplete="off"
-            class="TextFieldInput"
-            id="field-:r4:"
-            size="36"
-          />
-        </div>
-      </div>
-    </div>
-    <p
-      class="Text typo-13 align-left margin FormHelperText FormHelperTextWrapper"
-      data-testid="bezier-form-helper-text"
-      id="form-help-text"
-      style="--b-text-color: var(--txt-black-dark);"
-    >
-      Description
-    </p>
-  </div>
-</div>
-`;
-
-exports[`FormControl > Snapshot > With multiple field and left label position 1`] = `
-<div>
-  <div
-    class="Grid"
-    data-testid="bezier-form-control"
-  >
-    <label
-      class="Text typo-14 bold align-left margin LabelText FormLabelWrapper position-left size-m"
-      data-testid="bezier-form-label"
-      id="form-label"
-      style="--b-text-color: var(--txt-black-darkest);"
-    >
-      Label
-    </label>
-    <div
-      aria-describedby="form-help-text"
-      aria-labelledby="form-label"
-      class="Stack display-flex direction-vertical justify-start align-stretch wrap margin layout"
-      data-testid="bezier-form-group"
-      id="form-group"
-      role="group"
-      style="--b-stack-spacing: 6px;"
-    >
-      <div
-        class="Stack display-flex direction-vertical margin layout"
-        data-testid="bezier-form-control"
-      >
-        <label
-          class="Text typo-13 bold align-left margin LabelText FormLabelWrapper position-top size-m"
-          data-testid="bezier-form-label"
-          for="field-:r6:"
-          id="field-:r6:-label"
-          style="--b-text-color: var(--txt-black-darkest);"
-        >
-          First Inner Label
-        </label>
-        <div
-          class="TextFieldWrapper variant-primary size-m size-m"
-          data-testid="bezier-text-input"
-        >
-          <input
-            autocomplete="off"
-            class="TextFieldInput"
-            id="field-:r6:"
-            size="36"
-          />
-        </div>
-      </div>
-      <div
-        class="Stack display-flex direction-vertical margin layout"
-        data-testid="bezier-form-control"
-      >
-        <label
-          class="Text typo-13 bold align-left margin LabelText FormLabelWrapper position-top size-m"
-          data-testid="bezier-form-label"
-          for="field-:r7:"
-          id="field-:r7:-label"
-          style="--b-text-color: var(--txt-black-darkest);"
-        >
-          Second Inner Label
-        </label>
-        <div
-          class="TextFieldWrapper variant-primary size-m size-m"
-          data-testid="bezier-text-input"
-        >
-          <input
-            aria-invalid="true"
-            autocomplete="off"
-            class="TextFieldInput"
-            id="field-:r7:"
-            size="36"
-          />
-        </div>
-      </div>
-    </div>
-    <p
-      class="Text typo-13 align-left margin FormHelperText FormHelperTextWrapper position-left"
-      data-testid="bezier-form-helper-text"
-      id="form-help-text"
-      style="--b-text-color: var(--txt-black-dark);"
-    >
-      Description
-    </p>
-  </div>
-</div>
-`;
-
-exports[`FormControl > Snapshot > With single field 1`] = `
-<div
-  class="Stack display-flex direction-vertical margin layout"
-  data-testid="bezier-form-control"
->
-  <label
-    class="Text typo-13 bold align-left margin LabelText FormLabelWrapper position-top size-m"
-    data-testid="bezier-form-label"
-    for="form"
-    id="form-label"
-    style="--b-text-color: var(--txt-black-darkest);"
-  >
-    Label
-  </label>
-  <div
-    class="TextFieldWrapper variant-primary size-m size-m"
-    data-testid="bezier-text-input"
-  >
-    <input
-      aria-describedby="form-help-text"
-      autocomplete="off"
-      class="TextFieldInput"
-      id="form"
-      size="36"
-    />
-  </div>
-  <p
-    class="Text typo-13 align-left margin FormHelperText FormHelperTextWrapper"
-    data-testid="bezier-form-helper-text"
-    id="form-help-text"
-    style="--b-text-color: var(--txt-black-dark);"
-  >
-    Description
-  </p>
-</div>
-`;
-
-exports[`FormControl > Snapshot > With single field and left label position 1`] = `
-<div
-  class="Grid"
-  data-testid="bezier-form-control"
->
-  <label
-    class="Text typo-14 bold align-left margin LabelText FormLabelWrapper position-left size-m"
-    data-testid="bezier-form-label"
-    for="form"
-    id="form-label"
-    style="--b-text-color: var(--txt-black-darkest);"
-  >
-    Label
-  </label>
-  <div
-    class="TextFieldWrapper variant-primary size-m size-m"
-    data-testid="bezier-text-input"
-  >
-    <input
-      aria-describedby="form-help-text"
-      autocomplete="off"
-      class="TextFieldInput"
-      id="form"
-      size="36"
-    />
-  </div>
-  <p
-    class="Text typo-13 align-left margin FormHelperText FormHelperTextWrapper position-left"
-    data-testid="bezier-form-helper-text"
-    id="form-help-text"
-    style="--b-text-color: var(--txt-black-dark);"
-  >
-    Description
-  </p>
-</div>
-`;

package/src/components/FormGroup/FormGroup.test.tsx

@@ -1,24 +0,0 @@
-import { render } from '~/src/utils/test'
-
-import { FormGroup } from './FormGroup'
-import { type FormGroupProps } from './FormGroup.types'
-
-describe('FormGroup >', () => {
-  let props: FormGroupProps
-
-  beforeEach(() => {
-    props = {
-      spacing: 6,
-      direction: 'vertical',
-    }
-  })
-
-  const renderComponent = () => render(<FormGroup {...props} />)
-
-  it('Snapshot >', () => {
-    const { getByRole } = renderComponent()
-    const rendered = getByRole('group')
-
-    expect(rendered).toMatchSnapshot()
-  })
-})

package/src/components/FormGroup/__snapshots__/FormGroup.test.tsx.snap

@@ -1,10 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FormGroup > Snapshot > 1`] = `
-<div
-  class="Stack display-flex direction-vertical justify-start align-stretch wrap margin layout"
-  data-testid="bezier-form-group"
-  role="group"
-  style="--b-stack-spacing: 6px;"
-/>
-`;