Shopify’s design system to help us work together to build a great experience for all of our merchants.
OTHER License
Bot releases are visible (Hide)
Published by shopify-github-actions-access[bot] over 1 year ago
bed52546f
]:
Published by shopify-github-actions-access[bot] over 1 year ago
Published by shopify-github-actions-access[bot] over 1 year ago
e3297e524
Thanks @gwyneplaine! - Revert mutually exclusive union types on RadioButtonPublished by shopify-github-actions-access[bot] over 1 year ago
Published by shopify-github-actions-access[bot] over 1 year ago
Published by shopify-github-actions-access[bot] over 1 year ago
acc7e2bf1
Thanks @gwyneplaine! - Revert mutually exclusive union types on Choice and Checkbox.Published by shopify-github-actions-access[bot] over 1 year ago
0f97293b0
Thanks @jesstelford! - [Choice][checkbox][RadioButton] Add bleed + fill props to increase choice target sizese27998256
Thanks @chloerice! - Reverted experimental ActionList.Item
icon
sizePublished by shopify-github-actions-access[bot] over 1 year ago
Published by shopify-github-actions-access[bot] over 1 year ago
Published by shopify-github-actions-access[bot] over 1 year ago
Published by shopify-github-actions-access[bot] over 1 year ago
Published by shopify-github-actions-access[bot] over 1 year ago
Published by shopify-github-actions-access[bot] over 1 year ago
e566211ef
Thanks @kyledurand! - Updated all icon stylesPublished by shopify-github-actions-access[bot] over 1 year ago
Published by shopify-github-actions-access[bot] over 1 year ago
e566211ef
]:
Published by shopify-github-actions-access[bot] over 1 year ago
#9612 e552c9a15
Thanks @jesstelford! - - [Choice][checkbox][RadioButton] Use CSS-native :hover
styling.
By using CSS-native hover styling, and pulling it up to the wrapping <label>
it avoids an issue where the browser would briefly detect hover with the
:hover pseudo selector setting cursor: pointer
, but then get overwritten
with the JS onMouseOver styles 100ms later to cursor: default
, resulting in
a flash of a pointy-hand for the cursor on disabled Checkbox.
#9606 3536e3aa0
Thanks @jesstelford! - - [Internal]: Generate contiguous responsive CSS variables.
Ensures the CSS vars set via style
props will override the responsive-props
SASS mixin which forces them to have a value of initial
.
Forcing to initial
is required when components are nested to avoid an outer
component accidentally setting a value for a nested component by specifying a
CSS variable (CSS vars are globally scoped and later-in-DOM has more
specificity).
However, initial
is not usable within a
calc()
,
so any unset values will not fallback as they would when the browser
encounters a var(--some-var-equals-initial, fallback)
.
Adding this forceContiguous
flag means we can be sure we're setting exactly
what the user asked for when passing in their prop, and not initial
,
therefore retaining the existing behaviour while forward supporting the usage
of calc()
. We still need the initial
values to ensure any lower
breakpoints that are unset do not inherit parent values accidentally.
#9621 26053bd3f
Thanks @samrose3! - Only use Inter for experimental styles
Updated dependencies [6d4baffde
, 3536e3aa0
, 58406fd98
, 26053bd3f
]:
Published by shopify-github-actions-access[bot] over 1 year ago
#9628 6d4baffde
Thanks @yurm04! - Added border-radius-1_5-experimental token
#9606 3536e3aa0
Thanks @jesstelford! - Export breakpointAliases
to JS, facilitating easy breakpoint size iterations.
#9552 58406fd98
Thanks @yurm04! - Added border shadow inset experimental token
Published by shopify-github-actions-access[bot] over 1 year ago
6d4baffde
, 3536e3aa0
, 58406fd98
, 26053bd3f
]:
Published by shopify-github-actions-access[bot] over 1 year ago
6d4baffde
, 3536e3aa0
, 58406fd98
, 26053bd3f
]:
Published by shopify-github-actions-access[bot] over 1 year ago