@transferwise/components 0.0.0-experimental-c8ab32e → 0.0.0-experimental-d349b91

package/src/stepper/Stepper.tsx

@@ -23,7 +23,10 @@ export interface StepperProps {
   className?: string;
 }
 
-/* eslint-disable react/no-array-index-key */
+/**
+ * This component is considered user-unfriendly and inaccessible on its own and will likely be made internal in the future. Please use `FlowNavigation` instead.
+ * @see https://storybook.wise.design/?path=/story/navigation-flownavigation--variants
+ */
 const Stepper = ({ steps, activeStep = 0, className }: StepperProps) => {
   const { isRTL } = useDirection();
 
@@ -50,6 +53,7 @@ const Stepper = ({ steps, activeStep = 0, className }: StepperProps) => {
     ) : (
       <span className="tw-stepper__step-label">{step.label}</span>
     );
+
     return (
       <li
         key={index}
@@ -83,10 +87,10 @@ const Stepper = ({ steps, activeStep = 0, className }: StepperProps) => {
       <div className="progress">
         <div className="progress-bar" style={{ width: `${percentageCompleted * 100}%` }} />
       </div>
-      <ul className="tw-stepper-steps p-t-1 m-b-0">{steps.map(renderStep)}</ul>
+
+      <ol className="tw-stepper-steps p-t-1 m-b-0">{steps.map(renderStep)}</ol>
     </div>
   );
 };
-/* eslint-enable react/no-array-index-key */
 
 export default Stepper;

package/src/switch/Switch.spec.tsx

@@ -85,7 +85,7 @@ describe('Switch', () => {
 
   it('supports `Field` for labeling', () => {
     render(
-      <Field label="Dark mode" required>
+      <Field label="Dark mode">
         <Switch checked onClick={props.onClick} />
       </Field>,
     );

package/build/label/Label.messages.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var reactIntl = require('react-intl');
-
-var messages = reactIntl.defineMessages({
-  optionalLabel: {
-    id: "neptune.Label.optional"
-  },
-  optionalAriaLabel: {
-    id: "neptune.aria.Label.optional"
-  }
-});
-
-module.exports = messages;
-//# sourceMappingURL=Label.messages.js.map

package/build/label/Label.messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.messages.js","sources":["../../src/label/Label.messages.tsx"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  optionalLabel: {\n    id: 'neptune.Label.optional',\n    defaultMessage: '(Optional)',\n  },\n  optionalAriaLabel: {\n    id: 'neptune.aria.Label.optional',\n    defaultMessage: 'This field is optional',\n  },\n});\n"],"names":["defineMessages","optionalLabel","id","optionalAriaLabel"],"mappings":";;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,aAAa,EAAE;IACbC,EAAE,EAAA,wBAAA;GAEH;AACDC,EAAAA,iBAAiB,EAAE;IACjBD,EAAE,EAAA,6BAAA;AAEH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/label/Label.messages.mjs

@@ -1,13 +0,0 @@
-import { defineMessages } from 'react-intl';
-
-var messages = defineMessages({
-  optionalLabel: {
-    id: "neptune.Label.optional"
-  },
-  optionalAriaLabel: {
-    id: "neptune.aria.Label.optional"
-  }
-});
-
-export { messages as default };
-//# sourceMappingURL=Label.messages.mjs.map

package/build/label/Label.messages.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.messages.mjs","sources":["../../src/label/Label.messages.tsx"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  optionalLabel: {\n    id: 'neptune.Label.optional',\n    defaultMessage: '(Optional)',\n  },\n  optionalAriaLabel: {\n    id: 'neptune.aria.Label.optional',\n    defaultMessage: 'This field is optional',\n  },\n});\n"],"names":["defineMessages","optionalLabel","id","optionalAriaLabel"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,aAAa,EAAE;IACbC,EAAE,EAAA,wBAAA;GAEH;AACDC,EAAAA,iBAAiB,EAAE;IACjBD,EAAE,EAAA,6BAAA;AAEH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/types/label/Label.messages.d.ts

@@ -1,12 +0,0 @@
-declare const _default: {
-    optionalLabel: {
-        id: string;
-        defaultMessage: string;
-    };
-    optionalAriaLabel: {
-        id: string;
-        defaultMessage: string;
-    };
-};
-export default _default;
-//# sourceMappingURL=Label.messages.d.ts.map

package/build/types/label/Label.messages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.messages.d.ts","sourceRoot":"","sources":["../../../src/label/Label.messages.tsx"],"names":[],"mappings":";;;;;;;;;;AAEA,wBASG"}

package/build/types/label/index.d.ts

@@ -1,3 +0,0 @@
-export { Label } from './Label';
-export type { LabelProps, LabelOptionalProps, LabelDescriptionProps } from './Label';
-//# sourceMappingURL=index.d.ts.map

package/build/types/label/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/src/label/Label.messages.tsx

@@ -1,12 +0,0 @@
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  optionalLabel: {
-    id: 'neptune.Label.optional',
-    defaultMessage: '(Optional)',
-  },
-  optionalAriaLabel: {
-    id: 'neptune.aria.Label.optional',
-    defaultMessage: 'This field is optional',
-  },
-});

package/src/label/index.ts

@@ -1,2 +0,0 @@
-export { Label } from './Label';
-export type { LabelProps, LabelOptionalProps, LabelDescriptionProps } from './Label';

package/src/stepper/Stepper.story.js

@@ -1,40 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { select } from '@storybook/addon-knobs';
-
-import Stepper from './Stepper';
-
-export default {
-  component: Stepper,
-  title: 'Navigation/Stepper',
-};
-
-export const Basic = () => {
-  const activeStep = select('activeStep', [0, 1, 2, 3, 4], 0);
-  return (
-    <Stepper
-      activeStep={activeStep}
-      steps={[
-        {
-          label: 'One',
-          onClick() {
-            action('You clicked on step 1, which triggered this function, which alerted you.');
-          },
-        },
-        {
-          label: 'Two',
-          hoverLabel: (
-            <>
-              <div>
-                <strong>Diana Jaramillo</strong>
-              </div>
-              dianajarm123@gmail.com
-            </>
-          ),
-        },
-        { label: 'Recipient' },
-        { label: 'Smellification' },
-        { label: 'Battle' },
-      ]}
-    />
-  );
-};