Skip to content

[Autocomplete Item Group] Update group design for 4.0 #12177

Open
@ashetland

Description

@ashetland

Check existing issues

Description

Update the component's group design for consistency across the design system and improve the UI/UX for users.

Acceptance Criteria

  • Change heading color to --calcite-color-text-1
  • Change padding-block of heading
  • Remove border underneath heading
  • Add inset border between groups
  • Remove padding between groups

See Figma file for full specs. Medium scale screenshot below.

Image

Relevant Info

No response

Which Component

autocomplete-item-group

Example Use Case

No response

Priority impact

impact - p3 - not time sensitive

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/calcite-ui-icons
  • @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

monday.com sync: #9186516252

Metadata

Metadata

Assignees

No one assigned

    Labels

    0 - newNew issues that need assignment.Calcite (design)Issues logged by Calcite designers.c-autocompleteIssues that pertain to the calcite-autocomplete componentenhancementIssues tied to a new feature or request.estimate - 3A day or two of work, likely requires updates to tests.impact - p3 - not time sensitiveUser set priority impact status of p3 - not time sensitivemonday.com syncMonday.com syncp - highIssue should be addressed in the current milestone, impacts component or core functionalityready for devIssues ready for development implementation.

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions