npm - @lumx/react - Versions diffs - 3.3.1-alpha.0 → 3.3.1 - Mend

@lumx/react 3.3.1-alpha.0 → 3.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (117) hide show

package/src/components/dropdown/__snapshots__/Dropdown.test.tsx.snap DELETED Viewed

@@ -1,35 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<Dropdown> Snapshots and structure should render correctly 1`] = `
-<Popover
-  anchorRef={
-    {
-      "current": null,
-    }
-  }
-  className="lumx-dropdown"
-  closeOnClickAway={true}
-  closeOnEscape={true}
-  elevation={0}
-  fitToAnchorWidth={true}
-  fitWithinViewportHeight={true}
-  focusAnchorOnClose={true}
-  focusElement={
-    {
-      "current": null,
-    }
-  }
-  isOpen={true}
-  placement="bottom-start"
-  usePortal={true}
-  zIndex={9999}
->
-  <div
-    className="lumx-dropdown__menu"
-  >
-    <div>
-      This is the content of the dropdown
-    </div>
-  </div>
-</Popover>
-`;

package/src/components/icon/__snapshots__/Icon.test.tsx.snap DELETED Viewed

@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<Icon> Snapshots and structure should render color & color variant 1`] = `
-<i
-  className="lumx-icon lumx-icon--color-primary lumx-icon--color-variant-D1 lumx-icon--no-shape lumx-icon--path"
->
-  <svg
-    aria-hidden="true"
-    height="1em"
-    preserveAspectRatio="xMidYMid meet"
-    style={
-      {
-        "verticalAlign": "-0.125em",
-      }
-    }
-    viewBox="0 0 24 24"
-    width="1em"
-  >
-    <path
-      d="mdiPlus"
-      fill="currentColor"
-    />
-  </svg>
-</i>
-`;
-exports[`<Icon> Snapshots and structure should render correctly 1`] = `
-<i
-  className="lumx-icon lumx-icon--no-shape lumx-icon--path"
->
-  <svg
-    aria-hidden="true"
-    height="1em"
-    preserveAspectRatio="xMidYMid meet"
-    style={
-      {
-        "verticalAlign": "-0.125em",
-      }
-    }
-    viewBox="0 0 24 24"
-    width="1em"
-  >
-    <path
-      d="mdiPlus"
-      fill="currentColor"
-    />
-  </svg>
-</i>
-`;

package/src/components/input-helper/__snapshots__/InputHelper.test.tsx.snap DELETED Viewed

@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<InputHelper> Snapshots and structure should render defaults 1`] = `
-<span
-  className="lumx-input-helper lumx-input-helper--theme-light"
->
-  The helper text
-</span>
-`;

package/src/components/input-label/__snapshots__/InputLabel.test.tsx.snap DELETED Viewed

@@ -1,10 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<InputLabel> Snapshots and structure should render defaults 1`] = `
-<label
-  className="lumx-input-label lumx-input-label--theme-light"
-  htmlFor="id"
->
-  The Label text
-</label>
-`;

package/src/components/link/__snapshots__/Link.test.tsx.snap DELETED Viewed

@@ -1,29 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<Link> Snapshots and structure should render a button if href attribute is missing 1`] = `
-<button
-  className="lumx-link"
-  type="button"
-/>
-`;
-exports[`<Link> Snapshots and structure should render color & color variant 1`] = `
-<a
-  className="lumx-link lumx-link--color-primary lumx-link--color-variant-D1"
-  href="https://google.com"
-/>
-`;
-exports[`<Link> Snapshots and structure should render correctly 1`] = `
-<a
-  className="lumx-link"
-  href="https://google.com"
-/>
-`;
-exports[`<Link> Snapshots and structure should render typography 1`] = `
-<a
-  className="lumx-link"
-  href="https://google.com"
-/>
-`;

package/src/components/message/__snapshots__/Message.test.tsx.snap DELETED Viewed

@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<Message> Snapshots and structure should render correctly 1`] = `
-<div
-  className="lumx-message"
->
-  <div
-    className="lumx-message__text"
-  >
-    <span>
-      Lorem Ipsum
-    </span>
-  </div>
-</div>
-`;

package/src/components/notification/__snapshots__/Notification.test.tsx.snap DELETED Viewed

@@ -1,34 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<Notification> Snapshots and structure should render defaults 1`] = `
-<Portal
-  containerInfo={<body />}
->
-  <div
-    className="lumx-notification lumx-notification--color-dark"
-    onClick={[Function]}
-    role="alert"
-    style={
-      {
-        "zIndex": 9999,
-      }
-    }
-  >
-    <div
-      className="lumx-notification__icon"
-    >
-      <Icon
-        icon="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
-        size="s"
-      />
-    </div>
-    <div
-      className="lumx-notification__content"
-    >
-      Info
-    </div>
-  </div>
-</Portal>
-`;
-exports[`<Notification> Snapshots and structure should render nothing since the notification is closed 1`] = `""`;

package/src/components/progress-tracker/__snapshots__/ProgressTracker.test.tsx.snap DELETED Viewed

@@ -1,41 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<ProgressTracker> Snapshots and structure should render correctly 1`] = `
-<div
-  className="lumx-progress-tracker"
->
-  <div
-    aria-label="Steps"
-    className="lumx-progress-tracker__steps"
-    role="tablist"
-  >
-    <ProgressTrackerStep
-      key="0"
-      label="Step 0"
-    />
-    <ProgressTrackerStep
-      key="1"
-      label="Step 1"
-    />
-  </div>
-  <div
-    className="lumx-progress-tracker__background-bar"
-    style={
-      {
-        "left": "25%",
-        "right": "25%",
-      }
-    }
-  />
-  <div
-    className="lumx-progress-tracker__foreground-bar"
-    style={
-      {
-        "left": "25%",
-        "right": "25%",
-        "transform": "scaleX(0)",
-      }
-    }
-  />
-</div>
-`;

package/src/components/progress-tracker/__snapshots__/ProgressTrackerStep.test.tsx.snap DELETED Viewed

@@ -1,141 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<ProgressTrackerStep> Snapshots and structure should render 1`] = `
-<button
-  aria-controls="tab-panel-1"
-  aria-selected={false}
-  className="lumx-progress-tracker-step lumx-progress-tracker-step--is-clickable"
-  id="tab-1"
-  onClick={[Function]}
-  onFocus={[Function]}
-  onKeyPress={[Function]}
-  role="tab"
-  tabIndex={-1}
-  type="button"
->
-  <Icon
-    className="lumx-progress-tracker-step__state"
-    icon="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
-    size="s"
-  />
-  <InputLabel
-    className="lumx-progress-tracker-step__label"
-    htmlFor="tab-1"
-    theme="light"
-  >
-    Test Step Label
-  </InputLabel>
-</button>
-`;
-exports[`<ProgressTrackerStep> Snapshots and structure should render active erroneous state 1`] = `
-<button
-  aria-controls="tab-panel-3"
-  aria-selected={true}
-  className="lumx-progress-tracker-step lumx-progress-tracker-step--is-active lumx-progress-tracker-step--is-clickable"
-  id="tab-3"
-  onClick={[Function]}
-  onFocus={[Function]}
-  onKeyPress={[Function]}
-  role="tab"
-  tabIndex={0}
-  type="button"
->
-  <Icon
-    className="lumx-progress-tracker-step__state"
-    icon="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z"
-    size="s"
-  />
-  <InputLabel
-    className="lumx-progress-tracker-step__label"
-    htmlFor="tab-3"
-    theme="light"
-  >
-    Test Step Label
-  </InputLabel>
-</button>
-`;
-exports[`<ProgressTrackerStep> Snapshots and structure should render active state 1`] = `
-<button
-  aria-controls="tab-panel-3"
-  aria-selected={true}
-  className="lumx-progress-tracker-step lumx-progress-tracker-step--is-active lumx-progress-tracker-step--is-clickable"
-  id="tab-3"
-  onClick={[Function]}
-  onFocus={[Function]}
-  onKeyPress={[Function]}
-  role="tab"
-  tabIndex={0}
-  type="button"
->
-  <Icon
-    className="lumx-progress-tracker-step__state"
-    icon="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z"
-    size="s"
-  />
-  <InputLabel
-    className="lumx-progress-tracker-step__label"
-    htmlFor="tab-3"
-    theme="light"
-  >
-    Test Step Label
-  </InputLabel>
-</button>
-`;
-exports[`<ProgressTrackerStep> Snapshots and structure should render complete state 1`] = `
-<button
-  aria-controls="tab-panel-3"
-  aria-selected={false}
-  className="lumx-progress-tracker-step lumx-progress-tracker-step--is-clickable"
-  id="tab-3"
-  onClick={[Function]}
-  onFocus={[Function]}
-  onKeyPress={[Function]}
-  role="tab"
-  tabIndex={-1}
-  type="button"
->
-  <Icon
-    className="lumx-progress-tracker-step__state"
-    icon="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
-    size="s"
-  />
-  <InputLabel
-    className="lumx-progress-tracker-step__label"
-    htmlFor="tab-3"
-    theme="light"
-  >
-    Test Step Label
-  </InputLabel>
-</button>
-`;
-exports[`<ProgressTrackerStep> Snapshots and structure should render erroneous state 1`] = `
-<button
-  aria-controls="tab-panel-3"
-  aria-selected={false}
-  className="lumx-progress-tracker-step lumx-progress-tracker-step--is-clickable"
-  id="tab-3"
-  onClick={[Function]}
-  onFocus={[Function]}
-  onKeyPress={[Function]}
-  role="tab"
-  tabIndex={-1}
-  type="button"
->
-  <Icon
-    className="lumx-progress-tracker-step__state"
-    icon="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
-    size="s"
-  />
-  <InputLabel
-    className="lumx-progress-tracker-step__label"
-    htmlFor="tab-3"
-    theme="light"
-  >
-    Test Step Label
-  </InputLabel>
-</button>
-`;

package/src/components/progress-tracker/__snapshots__/ProgressTrackerStepPanel.test.tsx.snap DELETED Viewed

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<ProgressTrackerStepPanel> Snapshots and structure should render correctly 1`] = `
-<div
-  aria-labelledby="tab-1"
-  className="lumx-step-panel"
-  id="tab-panel-1"
-  role="tabpanel"
-  tabIndex={0}
->
-  Tab panel content
-</div>
-`;
-exports[`<ProgressTrackerStepPanel> Snapshots and structure should render isActive state 1`] = `
-<div
-  aria-labelledby="tab-2"
-  className="lumx-step-panel lumx-step-panel--is-active"
-  id="tab-panel-2"
-  role="tabpanel"
-  tabIndex={0}
->
-  Tab panel content
-</div>
-`;

package/src/components/radio-button/__snapshots__/RadioButton.test.tsx.snap DELETED Viewed

@@ -1,113 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<RadioButton> Snapshots and structure should render checked, disabled & id 1`] = `
-<div
-  className="lumx-radio-button lumx-radio-button--is-checked lumx-radio-button--is-disabled lumx-radio-button--theme-light"
->
-  <div
-    className="lumx-radio-button__input-wrapper"
-  >
-    <input
-      checked={true}
-      className="lumx-radio-button__input-native"
-      disabled={true}
-      id="inputID"
-      onChange={[Function]}
-      tabIndex={-1}
-      type="radio"
-    />
-    <div
-      className="lumx-radio-button__input-placeholder"
-    >
-      <div
-        className="lumx-radio-button__input-background"
-      />
-      <div
-        className="lumx-radio-button__input-indicator"
-      />
-    </div>
-  </div>
-  <div
-    className="lumx-radio-button__content"
-  />
-</div>
-`;
-exports[`<RadioButton> Snapshots and structure should render defaults 1`] = `
-<div
-  className="lumx-radio-button lumx-radio-button--is-unchecked lumx-radio-button--theme-light"
->
-  <div
-    className="lumx-radio-button__input-wrapper"
-  >
-    <input
-      className="lumx-radio-button__input-native"
-      id="fixedId"
-      onChange={[Function]}
-      tabIndex={0}
-      type="radio"
-    />
-    <div
-      className="lumx-radio-button__input-placeholder"
-    >
-      <div
-        className="lumx-radio-button__input-background"
-      />
-      <div
-        className="lumx-radio-button__input-indicator"
-      />
-    </div>
-  </div>
-  <div
-    className="lumx-radio-button__content"
-  />
-</div>
-`;
-exports[`<RadioButton> Snapshots and structure should render label & helper 1`] = `
-<div
-  className="lumx-radio-button lumx-radio-button--is-unchecked lumx-radio-button--theme-light"
->
-  <div
-    className="lumx-radio-button__input-wrapper"
-  >
-    <input
-      aria-describedby="fixedId-helper"
-      className="lumx-radio-button__input-native"
-      id="fixedId"
-      onChange={[Function]}
-      tabIndex={0}
-      type="radio"
-    />
-    <div
-      className="lumx-radio-button__input-placeholder"
-    >
-      <div
-        className="lumx-radio-button__input-background"
-      />
-      <div
-        className="lumx-radio-button__input-indicator"
-      />
-    </div>
-  </div>
-  <div
-    className="lumx-radio-button__content"
-  >
-    <InputLabel
-      className="lumx-radio-button__label"
-      htmlFor="fixedId"
-      theme="light"
-    >
-      Label
-    </InputLabel>
-    <InputHelper
-      className="lumx-radio-button__helper"
-      id="fixedId-helper"
-      kind="info"
-      theme="light"
-    >
-      Helper
-    </InputHelper>
-  </div>
-</div>
-`;

package/src/components/radio-button/__snapshots__/RadioGroup.test.tsx.snap DELETED Viewed

@@ -1,26 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<RadioGroup> Snapshots and structure should render defaults 1`] = `
-<div
-  className="lumx-radio-group"
-/>
-`;
-exports[`<RadioGroup> Snapshots and structure should render with radio button children 1`] = `
-<div
-  className="lumx-radio-group"
->
-  <RadioButton
-    isChecked={true}
-    key="0"
-    label="Label 1"
-    theme="light"
-  />
-  <RadioButton
-    isChecked={false}
-    key="1"
-    label="Label 2"
-    theme="light"
-  />
-</div>
-`;

package/src/components/select/__snapshots__/Select.test.tsx.snap DELETED Viewed

@@ -1,43 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<Select> Snapshots and structure should render correctly 1`] = `
-<div
-  className="lumx-select lumx-select--has-unique lumx-select lumx-select--is-empty lumx-select--theme-light"
->
-  <SelectField
-    anchorRef={
-      {
-        "current": null,
-      }
-    }
-    handleKeyboardNav={[Function]}
-    id="select-uid"
-    isEmpty={true}
-    selectedValueRender={[Function]}
-    theme="light"
-    value=""
-    variant="input"
-  />
-  <Dropdown
-    anchorRef={
-      {
-        "current": null,
-      }
-    }
-    closeOnClick={true}
-    closeOnClickAway={true}
-    closeOnEscape={true}
-    fitToAnchorWidth={true}
-    fitWithinViewportHeight={true}
-    focusAnchorOnClose={true}
-    isOpen={false}
-    onClose={[Function]}
-    placement="bottom-start"
-    shouldFocusOnOpen={true}
-  >
-    <span>
-      Select Component
-    </span>
-  </Dropdown>
-</div>
-`;

package/src/components/select/__snapshots__/SelectMultiple.test.tsx.snap DELETED Viewed

@@ -1,87 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<SelectMultiple> Snapshots and structure should render chips 1`] = `
-<div
-  className="lumx-select lumx-select--has-multiple lumx-select lumx-select--is-empty lumx-select--theme-light"
->
-  <SelectMultipleField
-    anchorRef={
-      {
-        "current": null,
-      }
-    }
-    handleKeyboardNav={[Function]}
-    id="select-uid"
-    isEmpty={true}
-    selectedChipRender={[Function]}
-    selectedValueRender={[Function]}
-    theme="light"
-    value={[]}
-    variant="chip"
-  />
-  <Dropdown
-    anchorRef={
-      {
-        "current": null,
-      }
-    }
-    closeOnClick={false}
-    closeOnClickAway={true}
-    closeOnEscape={true}
-    fitToAnchorWidth={true}
-    fitWithinViewportHeight={true}
-    focusAnchorOnClose={true}
-    isOpen={false}
-    onClose={[Function]}
-    placement="bottom-start"
-    shouldFocusOnOpen={true}
-  >
-    <span>
-      Select Component
-    </span>
-  </Dropdown>
-</div>
-`;
-exports[`<SelectMultiple> Snapshots and structure should render defaults 1`] = `
-<div
-  className="lumx-select lumx-select--has-multiple lumx-select lumx-select--is-empty lumx-select--theme-light"
->
-  <SelectMultipleField
-    anchorRef={
-      {
-        "current": null,
-      }
-    }
-    handleKeyboardNav={[Function]}
-    id="select-uid"
-    isEmpty={true}
-    selectedChipRender={[Function]}
-    selectedValueRender={[Function]}
-    theme="light"
-    value={[]}
-    variant="input"
-  />
-  <Dropdown
-    anchorRef={
-      {
-        "current": null,
-      }
-    }
-    closeOnClick={false}
-    closeOnClickAway={true}
-    closeOnEscape={true}
-    fitToAnchorWidth={true}
-    fitWithinViewportHeight={true}
-    focusAnchorOnClose={true}
-    isOpen={false}
-    onClose={[Function]}
-    placement="bottom-start"
-    shouldFocusOnOpen={true}
-  >
-    <span>
-      Select Component
-    </span>
-  </Dropdown>
-</div>
-`;

package/src/components/side-navigation/__snapshots__/SideNavigation.test.tsx.snap DELETED Viewed

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<SideNavigation> Snapshots and structure should render correctly 1`] = `
-<ul
-  className="lumx-side-navigation"
-/>
-`;