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

[Color system] opacity (Card, Popover, Modal, Navigation) #2366

Merged
merged 6 commits into from
Oct 31, 2019

Conversation

danrosenthal
Copy link
Contributor

No description provided.

@danrosenthal danrosenthal requested a review from tmlayton October 25, 2019 20:07
@github-actions
Copy link
Contributor

github-actions bot commented Oct 25, 2019

💦 Potential splash zone of changes introduced to src/**/*.tsx in this pull request:

Files modified8
Files potentially affected142

Details

All files potentially affected (total: 142)
🎨 src/components/Backdrop/Backdrop.scss (total: 8)

Files potentially affected (total: 8)

🎨 src/components/Card/Card.scss (total: 4)

Files potentially affected (total: 4)

🎨 src/components/Modal/components/Dialog/Dialog.scss (total: 6)

Files potentially affected (total: 6)

🎨 src/components/Popover/Popover.scss (total: 25)

Files potentially affected (total: 25)

🎨 src/components/Sheet/Sheet.scss (total: 2)

Files potentially affected (total: 2)

📄 src/utilities/theme/color-adjustments.json (total: 141)

Files potentially affected (total: 141)

🧩 src/utilities/theme/tests/utils.test.ts (total: 0)

Files potentially affected (total: 0)

🧩 src/utilities/theme/utils.ts (total: 140)

Files potentially affected (total: 140)


This comment automatically updates as changes are made to this pull request.
Feedback, troubleshooting: open an issue or reach out on Slack in #polaris-tooling.

@danrosenthal danrosenthal added the 🤖Skip Changelog Causes CI to ignore changelog update check. label Oct 28, 2019
@danrosenthal danrosenthal changed the title [WIP][Color system] opacity (Card, Popover, Modal, Navigation) [Color system] opacity (Card, Popover, Modal, Navigation) Oct 29, 2019
lightness: 0,
alpha: 0.15,
},
opacityDeep: {
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
opacityDeep: {
backdrop: {

@@ -258,6 +259,29 @@ function successColors(color: HSLAColor, lightSurface: boolean) {
};
}

function opacityColors() {
Copy link
Contributor

Choose a reason for hiding this comment

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

Pedantic as this is function name is private, but:

Suggested change
function opacityColors() {
function translucentColors() {

@@ -258,6 +259,29 @@ function successColors(color: HSLAColor, lightSurface: boolean) {
};
}

function opacityColors() {
return {
opacityShallow: {
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
opacityShallow: {
diffuseShadow: {

Copy link
Contributor

Choose a reason for hiding this comment

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

Though I found myself explaining this as:

Suggested change
opacityShallow: {
shadowFromAmbientLight: {

lightness: 8,
alpha: 0.05,
},
opacity: {
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
opacity: {
concentratedShadow: {

Copy link
Contributor

Choose a reason for hiding this comment

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

And like this:

Suggested change
opacity: {
shadowFromDirectLight: {

@tmlayton tmlayton force-pushed the color-system/opacity branch from 7a3a2df to 1481518 Compare October 31, 2019 01:01
@tmlayton tmlayton changed the base branch from master to color-system/hsluv October 31, 2019 01:01
@tmlayton
Copy link
Contributor

Going to merge this into #2361 so we can test changes on that branch.

@tmlayton tmlayton merged commit bfc263d into color-system/hsluv Oct 31, 2019
@tmlayton tmlayton deleted the color-system/opacity branch October 31, 2019 04:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🤖Skip Changelog Causes CI to ignore changelog update check.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants