diff --git a/app/components/clipboard_button_component.ts b/app/components/clipboard_button_component.ts index b5e54ba0492..c4b163b2086 100644 --- a/app/components/clipboard_button_component.ts +++ b/app/components/clipboard_button_component.ts @@ -1 +1 @@ -import '@18f/identity-clipboard-button'; +import '@18f/identity-clipboard-button/clipboard-button-element'; diff --git a/app/components/password_toggle_component.ts b/app/components/password_toggle_component.ts index a714788b184..066bffe41f7 100644 --- a/app/components/password_toggle_component.ts +++ b/app/components/password_toggle_component.ts @@ -1 +1 @@ -import '@18f/identity-password-toggle'; +import '@18f/identity-password-toggle/password-toggle-element'; diff --git a/app/components/print_button_component.ts b/app/components/print_button_component.ts index e4215f01c5f..08ff1a6a10c 100644 --- a/app/components/print_button_component.ts +++ b/app/components/print_button_component.ts @@ -1 +1 @@ -import '@18f/identity-print-button'; +import '@18f/identity-print-button/print-button-element'; diff --git a/app/components/spinner_button_component.ts b/app/components/spinner_button_component.ts index ecff046473e..08b958ca78e 100644 --- a/app/components/spinner_button_component.ts +++ b/app/components/spinner_button_component.ts @@ -1 +1 @@ -import '@18f/identity-spinner-button'; +import '@18f/identity-spinner-button/spinner-button-element'; diff --git a/app/components/validated_field_component.js b/app/components/validated_field_component.js index 2a284972c93..26f22265fa6 100644 --- a/app/components/validated_field_component.js +++ b/app/components/validated_field_component.js @@ -1 +1 @@ -import '@18f/identity-validated-field'; +import '@18f/identity-validated-field/validated-field-element'; diff --git a/app/javascript/packages/clipboard-button/README.md b/app/javascript/packages/clipboard-button/README.md index 09773cec044..ea3e8b27285 100644 --- a/app/javascript/packages/clipboard-button/README.md +++ b/app/javascript/packages/clipboard-button/README.md @@ -6,10 +6,10 @@ Custom element and React implementation for a clipboard button component. ### Custom Element -Importing the package will register the `` custom element: +Importing the element will register the `` custom element: ```ts -import '@18f/identity-clipboard-button'; +import '@18f/identity-clipboard-button/clipboard-button-element'; ``` The custom element will implement the copying behavior, but all markup must already exist, rendered server-side or by the included React component. diff --git a/app/javascript/packages/clipboard-button/index.ts b/app/javascript/packages/clipboard-button/index.ts index 602d3242fdb..67087fd2a59 100644 --- a/app/javascript/packages/clipboard-button/index.ts +++ b/app/javascript/packages/clipboard-button/index.ts @@ -1,3 +1 @@ -import './clipboard-button-element'; - export { default as ClipboardButton } from './clipboard-button'; diff --git a/app/javascript/packages/password-toggle/index.ts b/app/javascript/packages/password-toggle/index.ts index f1516b25fad..78ae0b948d5 100644 --- a/app/javascript/packages/password-toggle/index.ts +++ b/app/javascript/packages/password-toggle/index.ts @@ -1,3 +1 @@ -import './password-toggle-element'; - export { default as PasswordToggle } from './password-toggle'; diff --git a/app/javascript/packages/print-button/README.md b/app/javascript/packages/print-button/README.md index 681cbab1494..9f9b0476c53 100644 --- a/app/javascript/packages/print-button/README.md +++ b/app/javascript/packages/print-button/README.md @@ -6,10 +6,10 @@ Custom element and React implementation for a print button component. ### Custom Element -Importing the package will register the `` custom element: +Importing the element will register the `` custom element: ```ts -import '@18f/identity-print-button'; +import '@18f/identity-print-button/print-button-element'; ``` The custom element will implement the behavior to show a print dialog upon click, but all markup must already exist, rendered server-side or by the included React component. diff --git a/app/javascript/packages/print-button/index.ts b/app/javascript/packages/print-button/index.ts index f28a5ae942a..53ee8c3d1ac 100644 --- a/app/javascript/packages/print-button/index.ts +++ b/app/javascript/packages/print-button/index.ts @@ -1,3 +1 @@ -import './print-button-element'; - export { default as PrintButton } from './print-button'; diff --git a/app/javascript/packages/spinner-button/index.ts b/app/javascript/packages/spinner-button/index.ts index 76e50279381..413738ac9df 100644 --- a/app/javascript/packages/spinner-button/index.ts +++ b/app/javascript/packages/spinner-button/index.ts @@ -1,4 +1,2 @@ -import './spinner-button-element'; - export { default as SpinnerButton } from './spinner-button'; export type { SpinnerButtonRefHandle } from './spinner-button'; diff --git a/app/javascript/packages/step-indicator/README.md b/app/javascript/packages/step-indicator/README.md index 4b599a4bbfa..687b7a25f46 100644 --- a/app/javascript/packages/step-indicator/README.md +++ b/app/javascript/packages/step-indicator/README.md @@ -6,10 +6,10 @@ Custom element and React implementation for a step indicator UI component. ### Custom Element -Importing the package will register the `` custom element: +Importing the element will register the `` custom element: ```ts -import '@18f/identity-step-indicator'; +import '@18f/identity-step-indicator/step-indicator-element'; ``` The custom element will implement the small viewport scroll behavior, but all markup must already exist, rendered server-side or by the included React component. diff --git a/app/javascript/packages/step-indicator/index.ts b/app/javascript/packages/step-indicator/index.ts index c51e65903c1..9bbc86931f4 100644 --- a/app/javascript/packages/step-indicator/index.ts +++ b/app/javascript/packages/step-indicator/index.ts @@ -1,4 +1,2 @@ -import './step-indicator-element'; - export { default as StepIndicator } from './step-indicator'; export { default as StepIndicatorStep, StepStatus } from './step-indicator-step'; diff --git a/app/javascript/packages/validated-field/index.ts b/app/javascript/packages/validated-field/index.ts index 726a6cc890d..aaceb1debfb 100644 --- a/app/javascript/packages/validated-field/index.ts +++ b/app/javascript/packages/validated-field/index.ts @@ -1,5 +1,3 @@ -import './validated-field-element'; - export { default as ValidatedField } from './validated-field'; export type { ValidatedFieldValidator } from './validated-field'; diff --git a/app/javascript/packs/step-indicator.js b/app/javascript/packs/step-indicator.js index 38b359bf6dc..9de94d18c2e 100644 --- a/app/javascript/packs/step-indicator.js +++ b/app/javascript/packs/step-indicator.js @@ -1 +1 @@ -import '@18f/identity-step-indicator'; +import '@18f/identity-step-indicator/step-indicator-element';