diff --git a/cypress.config.ts b/cypress.config.ts index dfb721a3ed..ab2ec0e85e 100644 --- a/cypress.config.ts +++ b/cypress.config.ts @@ -17,9 +17,6 @@ export default defineConfig({ framework: 'react', bundler: 'webpack', }, - env: { - NODE_ENV: 'development', - }, setupNodeEvents(on, config) { on('file:preprocessor', webpack()); }, diff --git a/cypress/component/ActionBar.spec.tsx b/cypress/component/ActionBar.spec.tsx index e1908a06e5..3975590710 100644 --- a/cypress/component/ActionBar.spec.tsx +++ b/cypress/component/ActionBar.spec.tsx @@ -15,7 +15,7 @@ describe('ActionBar', () => { cy.wait(150); }); - it.only('should pass axe checks', () => { + it('should pass axe checks', () => { cy.checkA11y(); }); diff --git a/modules/docs/mdx/12.0-UPGRADE-GUIDE.mdx b/modules/docs/mdx/12.0-UPGRADE-GUIDE.mdx index e84f907d53..d3eb2bf306 100644 --- a/modules/docs/mdx/12.0-UPGRADE-GUIDE.mdx +++ b/modules/docs/mdx/12.0-UPGRADE-GUIDE.mdx @@ -48,7 +48,6 @@ A note to the reader: - [Component Updates](#component-updates) - [Styling API and CSS Tokens](#styling-api-and-css-tokens) - [Avatar](#avatar) - - [FormField](#form-field) - [Select](#select) - [Form Field](#form-field) - [Text Area](#text-area) @@ -211,7 +210,7 @@ made to provide more flexibility and better explicit components when using input #### Form Field Group -We've added a new component under FromField to allow users to group inputs without worrying about +We've added a new component under `FromField` to allow users to group inputs without worrying about setting the `as` prop on the `FormField` component. Use `FormFieldGroup` when you have a group of inputs that need to be associated to one another, like @@ -224,7 +223,7 @@ Use `FormFieldGroup` when you have a group of inputs that need to be associated label placement. - `isRequired`: `true` Defines if a group like `RadioGroup` is required. -#### Form Field Field +#### FormField Field We've added a new sub-component to `FormField` and `FormFieldGroup`, `FormField.Field` and `FormFieldGroup.Field`. This sub-component is meant to ensure that the label is always aligned with diff --git a/modules/preview-react/form-field/lib/FormFieldLabel.tsx b/modules/preview-react/form-field/lib/FormFieldLabel.tsx index 017f55e8c0..93eda43168 100644 --- a/modules/preview-react/form-field/lib/FormFieldLabel.tsx +++ b/modules/preview-react/form-field/lib/FormFieldLabel.tsx @@ -69,7 +69,6 @@ export const FormFieldLabel = createSubcomponent('label')({ modelHook: useFormFieldModel, elemPropsHook: useFormFieldLabel, })(({children, typeLevel, variant, ...elemProps}, Element, model) => { - console.log(model.state.orientation); return ( - Data Parts - - - Name - Element - CSS Selector - - - - - "select-start-icon-container" - Select.Input - '[data-part="select-start-icon-container"]' - - - "select-start-icon" - Select.Input - '[data-part="select-start-icon"]' - - - "select-hidden-input" - Select.Input - '[data-part="select-hidden-input"]'` - - - - -### How to Style - -```tsx -const customSelectInputStyles = createStyles({ - '[data-part="select-start-icon-container"]': { - height: system.space.x4, - }, -}); -``` ## Component API diff --git a/modules/react/switch/stories/examples/LabelPosition.tsx b/modules/react/switch/stories/examples/LabelPosition.tsx index d8077bb93a..a8767b55bb 100644 --- a/modules/react/switch/stories/examples/LabelPosition.tsx +++ b/modules/react/switch/stories/examples/LabelPosition.tsx @@ -14,7 +14,6 @@ export const LabelPosition = () => { Dark Mode - {/* Switch to dark mode */} );