Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(tokens)!: refresh colors #1438

Merged
merged 21 commits into from
Oct 15, 2024
Merged

feat(tokens)!: refresh colors #1438

merged 21 commits into from
Oct 15, 2024

Conversation

Niznikr
Copy link
Contributor

@Niznikr Niznikr commented Oct 8, 2024

Summary

Refresh colors:

  • Remove cyan, pink, yellow, and system primitives
  • Add green, red, and brand primitives
  • Remove warning and flair aliases/variants

Copy link

changeset-bot bot commented Oct 8, 2024

🦋 Changeset detected

Latest commit: 152a5e6

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 38 packages
Name Type
@launchpad-ui/progress-bubbles Patch
@launchpad-ui/clipboard Patch
@launchpad-ui/tooltip Patch
@launchpad-ui/avatar Patch
@launchpad-ui/banner Patch
@launchpad-ui/button Patch
@launchpad-ui/alert Patch
@launchpad-ui/modal Patch
@launchpad-ui/chip Patch
@launchpad-ui/tag Patch
@launchpad-ui/popover Patch
@launchpad-ui/menu Patch
@launchpad-ui/select Patch
@launchpad-ui/form Patch
@launchpad-ui/core Patch
@launchpad-ui/components Minor
@launchpad-ui/tokens Minor
@launchpad-ui/vars Minor
launchpad-design-system Patch
@launchpad-ui/filter Patch
@launchpad-ui/navigation Patch
@launchpad-ui/split-button Patch
@launchpad-ui/collapsible Patch
@launchpad-ui/drawer Patch
@launchpad-ui/dropdown Patch
@launchpad-ui/inline-edit Patch
@launchpad-ui/pagination Patch
@launchpad-ui/card Patch
@launchpad-ui/box Patch
@launchpad-ui/columns Patch
@launchpad-ui/counter Patch
@launchpad-ui/icons Patch
@launchpad-ui/inline Patch
@launchpad-ui/markdown Patch
@launchpad-ui/progress Patch
@launchpad-ui/stack Patch
@launchpad-ui/tab-list Patch
@launchpad-ui/table Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link
Contributor

github-actions bot commented Oct 8, 2024

Size Change: -5.34 kB (-0.96%)

Total Size: 549 kB

Filename Size Change
apps/vscode/dist/server.js 244 kB -2.02 kB (-0.82%)
packages/alert/dist/style.css 1.36 kB +72 B (+5.58%) 🔍
packages/avatar/dist/style.css 406 B +2 B (+0.5%)
packages/banner/dist/style.css 474 B +11 B (+2.38%)
packages/box/dist/index.es.js 6.83 kB -498 B (-6.79%)
packages/box/dist/index.js 6.95 kB -503 B (-6.75%)
packages/button/dist/style.css 3.17 kB +181 B (+6.05%) 🔍
packages/chip/dist/style.css 535 B +18 B (+3.48%)
packages/clipboard/dist/style.css 802 B +1 B (+0.12%)
packages/components/dist/index.es.js 11.3 kB -127 B (-1.11%)
packages/components/dist/index.js 11.2 kB -127 B (-1.12%)
packages/components/dist/style.css 6.72 kB -260 B (-3.73%)
packages/form/dist/style.css 2.23 kB +21 B (+0.95%)
packages/icons/dist/index.es.js 947 B +54 B (+6.05%) 🔍
packages/icons/dist/index.js 1.02 kB +54 B (+5.58%) 🔍
packages/icons/dist/style.css 221 B +29 B (+15.1%) ⚠️
packages/menu/dist/style.css 860 B -2 B (-0.23%)
packages/modal/dist/style.css 892 B -2 B (-0.22%)
packages/popover/dist/style.css 518 B +4 B (+0.78%)
packages/progress-bubbles/dist/style.css 811 B -6 B (-0.73%)
packages/select/dist/style.css 1.12 kB +1 B (+0.09%)
packages/split-button/dist/style.css 521 B +21 B (+4.2%)
packages/tokens/dist/index.css 2.37 kB -168 B (-6.61%)
packages/tokens/dist/index.es.js 2.7 kB -370 B (-12.06%) 👏
packages/tokens/dist/index.js 2.7 kB -370 B (-12.05%) 👏
packages/tokens/dist/themes.css 1.11 kB -584 B (-34.47%) 🎉
packages/tooltip/dist/style.css 326 B -5 B (-1.51%)
packages/vars/dist/index.es.js 2.37 kB -385 B (-13.99%) 👏
packages/vars/dist/index.js 2.44 kB -387 B (-13.7%) 👏
ℹ️ View Unchanged
Filename Size
apps/vscode/dist/client.js 111 kB
packages/alert/dist/index.es.js 1.3 kB
packages/alert/dist/index.js 1.37 kB
packages/avatar/dist/index.es.js 1.16 kB
packages/avatar/dist/index.js 1.23 kB
packages/banner/dist/index.es.js 624 B
packages/banner/dist/index.js 695 B
packages/box/dist/style.css 2.65 kB
packages/button/dist/index.es.js 1.81 kB
packages/button/dist/index.js 1.89 kB
packages/card/dist/index.es.js 688 B
packages/card/dist/index.js 754 B
packages/card/dist/style.css 666 B
packages/chip/dist/index.es.js 674 B
packages/chip/dist/index.js 745 B
packages/clipboard/dist/index.es.js 1.49 kB
packages/clipboard/dist/index.js 1.57 kB
packages/collapsible/dist/index.es.js 856 B
packages/collapsible/dist/index.js 926 B
packages/collapsible/dist/style.css 81 B
packages/columns/dist/index.es.js 579 B
packages/columns/dist/index.js 651 B
packages/columns/dist/style.css 281 B
packages/core/dist/index.es.js 1.06 kB
packages/core/dist/index.js 1.41 kB
packages/counter/dist/index.es.js 330 B
packages/counter/dist/index.js 397 B
packages/counter/dist/style.css 248 B
packages/drawer/dist/index.es.js 1.7 kB
packages/drawer/dist/index.js 2.25 kB
packages/drawer/dist/style.css 490 B
packages/dropdown/dist/index.es.js 1.14 kB
packages/dropdown/dist/index.js 1.2 kB
packages/filter/dist/index.es.js 2.28 kB
packages/filter/dist/index.js 2.35 kB
packages/filter/dist/style.css 907 B
packages/focus-trap/dist/index.es.js 267 B
packages/focus-trap/dist/index.js 333 B
packages/form/dist/index.es.js 4.13 kB
packages/form/dist/index.js 4.24 kB
packages/inline-edit/dist/index.es.js 1.57 kB
packages/inline-edit/dist/index.js 1.65 kB
packages/inline-edit/dist/style.css 329 B
packages/inline/dist/index.es.js 572 B
packages/inline/dist/index.js 643 B
packages/inline/dist/style.css 243 B
packages/markdown/dist/index.es.js 963 B
packages/markdown/dist/index.js 1.04 kB
packages/markdown/dist/style.css 217 B
packages/menu/dist/index.es.js 3.8 kB
packages/menu/dist/index.js 3.88 kB
packages/modal/dist/index.es.js 2.97 kB
packages/modal/dist/index.js 3.54 kB
packages/navigation/dist/index.es.js 2.73 kB
packages/navigation/dist/index.js 2.81 kB
packages/navigation/dist/style.css 866 B
packages/overlay/dist/index.es.js 1.03 kB
packages/overlay/dist/index.js 1.09 kB
packages/pagination/dist/index.es.js 1.15 kB
packages/pagination/dist/index.js 1.23 kB
packages/pagination/dist/style.css 300 B
packages/popover/dist/index.es.js 3.06 kB
packages/popover/dist/index.js 3.56 kB
packages/portal/dist/index.es.js 398 B
packages/portal/dist/index.js 457 B
packages/progress-bubbles/dist/index.es.js 1.74 kB
packages/progress-bubbles/dist/index.js 1.81 kB
packages/progress/dist/index.es.js 1.07 kB
packages/progress/dist/index.js 1.14 kB
packages/progress/dist/style.css 267 B
packages/select/dist/index.es.js 5.86 kB
packages/select/dist/index.js 5.94 kB
packages/split-button/dist/index.es.js 940 B
packages/split-button/dist/index.js 1.01 kB
packages/stack/dist/index.es.js 464 B
packages/stack/dist/index.js 535 B
packages/stack/dist/style.css 181 B
packages/tab-list/dist/index.es.js 728 B
packages/tab-list/dist/index.js 801 B
packages/tab-list/dist/style.css 410 B
packages/table/dist/index.es.js 931 B
packages/table/dist/index.js 1.01 kB
packages/table/dist/style.css 689 B
packages/tag/dist/index.es.js 2.86 kB
packages/tag/dist/index.js 2.94 kB
packages/tag/dist/style.css 740 B
packages/tokens/dist/fonts.css 183 B
packages/tokens/dist/media-queries.css 114 B
packages/tooltip/dist/index.es.js 506 B
packages/tooltip/dist/index.js 581 B

compressed-size-action

@Niznikr Niznikr marked this pull request as ready for review October 9, 2024 15:16
@Niznikr Niznikr requested review from antonio-darkly and a team as code owners October 9, 2024 15:16
Copy link
Contributor

@matthewferry matthewferry left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a couple small nits

packages/alert/src/styles/Alert.module.css Outdated Show resolved Hide resolved
packages/banner/src/styles/Banner.module.css Outdated Show resolved Hide resolved
packages/button/src/styles/Button.module.css Show resolved Hide resolved
packages/clipboard/src/styles/CopyToClipboard.module.css Outdated Show resolved Hide resolved
Comment on lines -132 to -200
.primaryFlair {
background: linear-gradient(124deg, #a34fde 0%, #405bff 98.05%);
border-color: var(--lp-color-border-interactive-primary-flair-base);
color: var(--lp-color-text-interactive-primary-base);
}

.primaryFlair[data-hovered] {
background: linear-gradient(124deg, #9655c3 0%, #4b5fdd 98.05%);
border-color: var(--lp-color-border-interactive-primary-flair-hover);
}

.primaryFlair[data-pressed] {
background: linear-gradient(124deg, #8741b9 0%, #3b50ce 98.05%);
border-color: var(--lp-color-border-interactive-primary-flair-active);
}

.primaryFlair[data-focus-visible] {
background: linear-gradient(124deg, #8741b9 0%, #3b50ce 98.05%);
border-color: var(--lp-color-border-interactive-primary-flair-focus);
box-shadow: inset 0 0 0 3px var(--lp-color-shadow-interactive-primary);
}

.defaultFlair {
background-color: var(--lp-color-bg-interactive-secondary-flair-base);
border-color: var(--lp-color-border-interactive-secondary-flair-base);
color: var(--lp-color-text-interactive-flair-base);
}

.defaultFlair[data-hovered] {
background-color: var(--lp-color-bg-interactive-secondary-flair-hover);
border-color: var(--lp-color-border-interactive-secondary-flair-hover);
color: var(--lp-color-text-interactive-flair-hover);
}

.defaultFlair[data-pressed] {
background-color: var(--lp-color-bg-interactive-secondary-flair-active);
border-color: var(--lp-color-border-interactive-secondary-flair-active);
color: var(--lp-color-text-interactive-flair-active);
}

.defaultFlair[data-focus-visible] {
background-color: var(--lp-color-bg-interactive-secondary-flair-focus);
border-color: var(--lp-color-border-interactive-secondary-flair-focus);
color: var(--lp-color-text-interactive-flair-focus);
box-shadow: inset 0 0 0 3px var(--lp-color-shadow-interactive-primary);
}

.minimalFlair {
background-color: var(--lp-color-bg-interactive-tertiary-flair-base);
border-color: transparent;
color: var(--lp-color-text-interactive-flair-base);
}

.minimalFlair[data-hovered] {
background-color: var(--lp-color-bg-interactive-tertiary-flair-hover);
color: var(--lp-color-text-interactive-flair-hover);
}

.minimalFlair[data-pressed] {
background-color: var(--lp-color-bg-interactive-tertiary-flair-active);
color: var(--lp-color-text-interactive-flair-active);
}

.minimalFlair[data-focus-visible] {
background-color: var(--lp-color-bg-interactive-tertiary-flair-focus);
color: var(--lp-color-text-interactive-flair-focus);
box-shadow: inset 0 0 0 3px var(--lp-color-shadow-interactive-primary);
}

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🥳

@Niznikr Niznikr merged commit 3c7fdd9 into main Oct 15, 2024
17 checks passed
@Niznikr Niznikr deleted the feat/color-refresh-refresh branch October 15, 2024 18:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants