feat(ui,core,staking): [LW-9594] refactor Select component + design updates #1322

	name: Lace UI Toolkit

	on:
	pull_request:
	types: [opened, synchronize, reopened, ready_for_review]
	paths:
	- packages/ui/**
	push:
	paths:
	- packages/ui/**
	branches:
	- main

	jobs:
	chromatic-deployment:
	if: github.event.pull_request.draft == false
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repository
	uses: actions/checkout@v4
	with:
	fetch-depth: 0

	- name: 🧰 Use Node.js
	uses: actions/setup-node@v4
	with:
	node-version-file: .nvmrc
	cache: 'yarn'

	- name: 📝 Cache
	uses: actions/cache@v4
	id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
	with:
	path: ~/.yarn/berry/cache
	key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
	restore-keys: \|
	${{ runner.os }}-yarn-

	- name: 💽 Install dependencies
	run: yarn --immutable --inline-builds

	- name: 🧑‍🔬 Build
	run: yarn workspaces foreach -Rpt -v --from '@lace/ui' run build

	- name: 🧑‍🔬 Linter
	working-directory: ./packages/ui
	run: yarn lint

	- name: 👩‍🔬 Tests
	working-directory: ./packages/ui
	run: yarn test-storybook:ci

	- name: 🌍 Publish to Chromatic
	if: github.ref != 'refs/heads/main'
	uses: chromaui/action@v1
	with:
	projectToken: ${{ secrets.CHROMATIC_LACE_UI_TOOLKIT_TOKEN }}
	workingDir: ./packages/ui
	buildScriptName: build-storybook
	onlyChanged: true

	- name: 🌍 Publish to Chromatic and auto accept changes
	if: github.ref == 'refs/heads/main'
	uses: chromaui/action@v1
	with:
	projectToken: ${{ secrets.CHROMATIC_LACE_UI_TOOLKIT_TOKEN }}
	autoAcceptChanges: true
	workingDir: ./packages/ui
	onlyChanged: true

Provide feedback