Missing styles in last Shopify Polaris release

Solved
Highlighted
Shopify Partner
20 2 8

I just update @shopify/polaris npm package to the latest version (4.16.1) and I noticed there are some missing styles for buttons:

 

1) In Dropzone.Fileupload component button is displayed without styles -> https://prnt.sc/rsed10

2) Primary button in PageActions component has missing styles for loading state -> https://prnt.sc/rsf0r7

 

I compared styles with components on Polaris site, for example: 

 

https://polaris.shopify.com/components/actions/button#navigation

 

and I noticed there are additional styles. For example, button loading state, should have styles like this:

 

.Polaris-Spinner--colorInkLightest svg {
    animation: Polaris-Spinner--loading .5s linear infinite;
    fill: var(--p-border-highlight,#919eab);
}

.Polaris-Spinner--sizeSmall svg {
    height: 2rem;
    width: 2rem;
}

And these styles are missing in my app.

 

Any ideas why?

0 Likes
Highlighted
Shopify Partner
20 2 8

This is an accepted solution.

I've found a solution. I had included styles by this link (I think it is depracated):

 

https://sdks.shopifycdn.com/polaris/latest/polaris.css

When I changed it to:

 

https://unpkg.com/@shopify/polaris@4.17.0/styles.min.css

Everything is ok

0 Likes