feat: add switch component #2296

nmerget · 2024-03-05T09:42:21Z

Proposed changes

Add switch component; resolves #2139

Types of changes

Bugfix (non-breaking change which fixes an issue)
New feature (non-breaking change which adds functionality)
Refactoring (fix on existing components or architectural decisions)
Breaking change (fix or feature that would cause existing functionality to not work as expected)
Documentation Update (if none of the other choices apply)

Further comments

Bumps the playwright group with 3 updates: [@playwright/test](https://github.com/microsoft/playwright), [@playwright/experimental-ct-react](https://github.com/microsoft/playwright) and [@playwright/experimental-ct-vue](https://github.com/microsoft/playwright). Updates `@playwright/test` from 1.35.1 to 1.40.0 - [Release notes](https://github.com/microsoft/playwright/releases) - [Commits](microsoft/playwright@v1.35.1...v1.40.0) Updates `@playwright/experimental-ct-react` from 1.35.1 to 1.40.0 - [Release notes](https://github.com/microsoft/playwright/releases) - [Commits](microsoft/playwright@v1.35.1...v1.40.0) Updates `@playwright/experimental-ct-vue` from 1.35.1 to 1.40.0 - [Release notes](https://github.com/microsoft/playwright/releases) - [Commits](microsoft/playwright@v1.35.1...v1.40.0) --- updated-dependencies: - dependency-name: "@playwright/test" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: playwright - dependency-name: "@playwright/experimental-ct-react" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: playwright - dependency-name: "@playwright/experimental-ct-vue" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: playwright ... Signed-off-by: dependabot[bot] <[email protected]>

…yarn-playwright-45bfcbf8a4 # Conflicts: # package-lock.json

…ht-45bfcbf8a4' into dependabot-npm_and_yarn-playwright-45bfcbf8a4

…b.com:db-ui/mono into feat-color-palette # Conflicts: # __snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-informational.png # __snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-successful.png # __snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-warning.png # __snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational.png # __snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-successful.png # __snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-warning.png # __snapshots__/alert/component/mobile-safari/DBAlert-should-match-screenshot-for-variant-informational.png # __snapshots__/alert/component/mobile-safari/DBAlert-should-match-screenshot-for-variant-successful.png # __snapshots__/alert/component/mobile-safari/DBAlert-should-match-screenshot-for-variant-warning.png # __snapshots__/alert/component/webkit/DBAlert-should-match-screenshot-for-variant-informational.png # __snapshots__/alert/component/webkit/DBAlert-should-match-screenshot-for-variant-successful.png # __snapshots__/alert/component/webkit/DBAlert-should-match-screenshot-for-variant-warning.png # __snapshots__/alert/showcase/chromium/regular/neutral/DBAlert-should-match-screenshot.png # __snapshots__/alert/showcase/mobile-chrome/regular/neutral/DBAlert-should-match-screenshot.png # __snapshots__/alert/showcase/mobile-safari/regular/neutral/DBAlert-should-match-screenshot.png # __snapshots__/alert/showcase/webkit/regular/neutral/DBAlert-should-match-screenshot.png # __snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png # __snapshots__/badge/showcase/mobile-chrome/regular/neutral/DBBadge-should-match-screenshot.png # __snapshots__/badge/showcase/mobile-safari/regular/neutral/DBBadge-should-match-screenshot.png # __snapshots__/badge/showcase/webkit/regular/neutral/DBBadge-should-match-screenshot.png # __snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png # __snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png # __snapshots__/button/component/mobile-safari/DBButton-should-only-have-icon-for-variant-outlined.png # __snapshots__/button/component/mobile-safari/DBButton-should-only-have-icon-for-variant-primary.png # __snapshots__/infotext/component/mobile-safari/DBInfotext-should-match-screenshot-for-variant-critical.png # __snapshots__/infotext/component/mobile-safari/DBInfotext-should-match-screenshot-for-variant-informational.png # __snapshots__/infotext/component/mobile-safari/DBInfotext-should-match-screenshot-for-variant-successful.png # __snapshots__/infotext/component/mobile-safari/DBInfotext-should-match-screenshot.png # __snapshots__/input/showcase/chromium/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/input/showcase/mobile-chrome/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/input/showcase/mobile-safari/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/tag/component/chromium/DBTag-should-match-screenshot-for-variant-informational.png # __snapshots__/tag/component/chromium/DBTag-should-match-screenshot-for-variant-successful.png # __snapshots__/tag/component/chromium/DBTag-should-match-screenshot-for-variant-warning.png # __snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-variant-informational.png # __snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-variant-successful.png # __snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-variant-warning.png # __snapshots__/tag/component/mobile-safari/DBTag-should-match-screenshot-for-variant-informational.png # __snapshots__/tag/component/mobile-safari/DBTag-should-match-screenshot-for-variant-successful.png # __snapshots__/tag/component/mobile-safari/DBTag-should-match-screenshot-for-variant-warning.png # __snapshots__/tag/component/webkit/DBTag-should-match-screenshot-for-variant-informational.png # __snapshots__/tag/component/webkit/DBTag-should-match-screenshot-for-variant-successful.png # __snapshots__/tag/component/webkit/DBTag-should-match-screenshot-for-variant-warning.png # __snapshots__/tag/showcase/chromium/regular/neutral/DBTag-should-match-screenshot.png # __snapshots__/tag/showcase/mobile-chrome/regular/neutral/DBTag-should-match-screenshot.png # __snapshots__/tag/showcase/mobile-safari/regular/neutral/DBTag-should-match-screenshot.png # __snapshots__/tag/showcase/webkit/regular/neutral/DBTag-should-match-screenshot.png # __snapshots__/textarea/component/mobile-chrome/DBTextarea-should-match-screenshot.png # __snapshots__/textarea/showcase/chromium/regular/neutral/DBTextarea-should-match-screenshot.png # __snapshots__/textarea/showcase/mobile-chrome/regular/neutral/DBTextarea-should-match-screenshot.png # __snapshots__/textarea/showcase/mobile-safari/regular/neutral/DBTextarea-should-match-screenshot.png # __snapshots__/textarea/showcase/webkit/regular/neutral/DBTextarea-should-match-screenshot.png

# Conflicts: # output/react/package.json # package-lock.json

# Conflicts: # __snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-informational.png # __snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-successful.png # __snapshots__/alert/component/chromium/DBAlert-should-match-screenshot-for-variant-warning.png # __snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational.png # __snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-successful.png # __snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-warning.png # __snapshots__/alert/showcase/chromium/regular/neutral/DBAlert-should-match-screenshot.png # __snapshots__/alert/showcase/mobile-chrome/regular/neutral/DBAlert-should-match-screenshot.png # __snapshots__/alert/showcase/mobile-safari/regular/neutral/DBAlert-should-match-screenshot.png # __snapshots__/alert/showcase/webkit/regular/neutral/DBAlert-should-match-screenshot.png # __snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png # __snapshots__/badge/showcase/mobile-chrome/regular/neutral/DBBadge-should-match-screenshot.png # __snapshots__/badge/showcase/mobile-safari/regular/neutral/DBBadge-should-match-screenshot.png # __snapshots__/badge/showcase/webkit/regular/neutral/DBBadge-should-match-screenshot.png # __snapshots__/input/showcase/chromium/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/input/showcase/mobile-chrome/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/input/showcase/mobile-safari/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/tag/component/chromium/DBTag-should-match-screenshot-for-variant-informational.png # __snapshots__/tag/component/chromium/DBTag-should-match-screenshot-for-variant-successful.png # __snapshots__/tag/component/chromium/DBTag-should-match-screenshot-for-variant-warning.png # __snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-variant-informational.png # __snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-variant-successful.png # __snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-variant-warning.png # __snapshots__/tag/showcase/chromium/regular/neutral/DBTag-should-match-screenshot.png # __snapshots__/tag/showcase/mobile-chrome/regular/neutral/DBTag-should-match-screenshot.png # __snapshots__/tag/showcase/mobile-safari/regular/neutral/DBTag-should-match-screenshot.png # __snapshots__/tag/showcase/webkit/regular/neutral/DBTag-should-match-screenshot.png # __snapshots__/textarea/showcase/chromium/regular/neutral/DBTextarea-should-match-screenshot.png # __snapshots__/textarea/showcase/mobile-chrome/regular/neutral/DBTextarea-should-match-screenshot.png # __snapshots__/textarea/showcase/mobile-safari/regular/neutral/DBTextarea-should-match-screenshot.png # __snapshots__/textarea/showcase/webkit/regular/neutral/DBTextarea-should-match-screenshot.png # packages/components/src/styles/_form-components.scss

# Conflicts: # __snapshots__/input/showcase/chromium/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/input/showcase/mobile-chrome/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/input/showcase/mobile-safari/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png # __snapshots__/textarea/showcase/chromium/regular/neutral/DBTextarea-should-match-screenshot.png # __snapshots__/textarea/showcase/mobile-chrome/regular/neutral/DBTextarea-should-match-screenshot.png # __snapshots__/textarea/showcase/mobile-safari/regular/neutral/DBTextarea-should-match-screenshot.png # __snapshots__/textarea/showcase/webkit/regular/neutral/DBTextarea-should-match-screenshot.png

Co-authored-by: Maximilian Franzke <[email protected]>

bruno-sch

Great, elaborate CSS. The animation on click feels really good :)

packages/components/src/components/switch/switch.scss

packages/foundations/scss/_focus.scss

packages/components/src/components/switch/switch.scss

dependabot bot and others added 30 commits November 17, 2023 10:15

chore: update playwright

43ee30c

fix: issue with new playwright - webkit browser

f238810

Merge branch 'main' of github.com:db-ui/mono into dependabot-npm_and_…

d6a0fe0

…yarn-playwright-45bfcbf8a4 # Conflicts: # package-lock.json

chore: update package-lock.json

eda77ee

chore: update snapshots

6ccadef

fix: issue with webkit

aee8e59

chore: update snapshots for webkit

1ad8531

feat: add color palette and refactor color consumption

94b133c

fix: missing token in showcase

141c8c1

fix: missing token in showcase

97c6853

chore: update from main

cfaeab8

chore: update snapshots

a46f260

chore: reverted webkit workaround

3f6b900

chore: changed playwright image and update snapshots

c5e1fc5

chore: update snapshots

443a543

chore: update snapshots

2f5a0c4

chore: removed webkit screenshots because of icon font issue

332ea24

Merge branch 'main' into dependabot-npm_and_yarn-playwright-45bfcbf8a4

7b107ec

chore: update snapshots

1c9fbd9

Merge remote-tracking branch 'origin/dependabot-npm_and_yarn-playwrig…

c111ba5

…ht-45bfcbf8a4' into dependabot-npm_and_yarn-playwright-45bfcbf8a4

chore: update snapshots

5cd390b

Merge branch 'main' of github.com:db-ui/mono into feat-color-palette

5b352c0

# Conflicts: # output/react/package.json # package-lock.json

chore: update from main

80f0df0

chore: fix issues from playwright tests

72fa07e

chore: update from main

52bd11b

chore: update from main

8a7e083

nmerget and others added 4 commits April 23, 2024 12:35

Update packages/components/src/components/switch/switch.lite.tsx

d6351ad

Co-authored-by: Maximilian Franzke <[email protected]>

Update packages/components/src/components/switch/switch.lite.tsx

7cb0d45

Co-authored-by: Maximilian Franzke <[email protected]>

fix: issues from merge conflicts

dfef19e

Merge branch 'main' of github.com:db-ui/mono into feat-switch

432672d

nmerget self-assigned this Apr 24, 2024

nmerget added 2 commits April 24, 2024 13:41

Merge branch 'main' of github.com:db-ui/mono into feat-switch

ed6b99f

fix: removed pixel density workaround

db479cb

nmerget enabled auto-merge (squash) April 25, 2024 05:55

nmerget and others added 5 commits April 25, 2024 07:55

fix: issue with wrong import

2cacb0d

fix: issue with event listeners

2ba41cd

chore: update snapshots

eb15096

chore: update snapshots

6466625

Merge branch 'main' into feat-switch

a25fe73

nmerget requested a review from mfranzke April 25, 2024 07:43

nmerget added 2 commits April 25, 2024 10:38

docs: add switch to patternhub

a3dc031

Merge remote-tracking branch 'origin/feat-switch' into feat-switch

e4c2e08

nmerget assigned bruno-sch and unassigned nmerget Apr 25, 2024

bruno-sch reviewed Apr 29, 2024

View reviewed changes

nmerget added 2 commits April 30, 2024 07:54

Merge branch 'main' of github.com:db-ui/mono into feat-switch

e251c96

fix: issues from PR

3053b82

nmerget requested a review from bruno-sch April 30, 2024 06:18

bruno-sch reviewed Apr 30, 2024

View reviewed changes

packages/components/src/components/switch/switch.scss Outdated Show resolved Hide resolved

packages/components/src/components/switch/switch.scss Outdated Show resolved Hide resolved

nmerget added 2 commits April 30, 2024 11:39

fix: issues from PR

dbf9b4f

fix: issues from PR

84abfb6

nmerget requested a review from bruno-sch April 30, 2024 09:42

Merge branch 'main' into feat-switch

c8c6fa9

bruno-sch approved these changes Apr 30, 2024

View reviewed changes

nmerget merged commit ee773a5 into main Apr 30, 2024
28 checks passed

nmerget deleted the feat-switch branch April 30, 2024 11:53

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: add switch component #2296

feat: add switch component #2296

nmerget commented Mar 5, 2024 •

edited by mfranzke

Loading

bruno-sch left a comment

feat: add switch component #2296

feat: add switch component #2296

Conversation

nmerget commented Mar 5, 2024 • edited by mfranzke Loading

Proposed changes

Types of changes

Further comments

bruno-sch left a comment

Choose a reason for hiding this comment

nmerget commented Mar 5, 2024 •

edited by mfranzke

Loading