Version Packages

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to master, this PR will be updated.

Releases

@1001-digital/components@2.11.0

Minor Changes

• 9e30abd Thanks @jwahdatehagh! - Draw every hairline with border instead of a box-shadow ring

  Inputs, buttons, comboboxes, tags, switches, sliders, pin inputs and panel
  headers outlined themselves with box-shadow: 0 0 0 1px, while cards, popovers
  and dialogs used a real border. Browsers snap border widths down to whole
  device pixels but leave box-shadow spread unsnapped, so on fractional-DPR
  screens the shadow rings painted about twice as heavy as the borders next to
  them. Everything now uses border / border-color, so all outlines share one
  weight.

  Shadow rings overlapped each other where two outlined boxes met; borders do not,
  so the places that relied on that now leave exactly one border per shared edge:
  the tag dismiss button keeps only its divider, FormItem prefix/suffix and the
  leading controls of a FormInputGroup drop the border their neighbour draws,
  and dialog, popover and toast headers draw only the separator below them.
  Hovering a tag's dismiss button now highlights the tag's border, which is the
  line that button no longer draws.

  The --border-shadow / --border-shadow-highlight tokens remain for
  layout-neutral rings. The multi transaction flow marker tokens change from
  shadows to colors: --multi-transaction-flow-marker-shadow,
  --multi-transaction-flow-marker-active-shadow and
  --multi-transaction-flow-marker-error-shadow are replaced by
  --multi-transaction-flow-marker-border-color,
  --multi-transaction-flow-marker-active-border-color and
  --multi-transaction-flow-marker-error-border-color.

Patch Changes

• 9e30abd Thanks @jwahdatehagh! - Centre the alert dismiss button and its icon

  The button was pinned at --spacer-sm from the top of the alert, so its box sat
  half the difference between the icon size and the line height above the heading
  next to it. It now inherits the alert's line box and centres on the first line.

  Its 1em icon also sat inside a fixed --size-4 box, leaving 1.5px a side. On
  fractional DPR screens that straddles a device pixel — the browser snapped one
  side to 1px and the other to 2px, painting the X up and to the left of centre.
  The box is now exactly one icon, so there is no leftover space to split.

• Updated dependencies [9e30abd]:

  • @1001-digital/styles@2.8.0

@1001-digital/components.evm@4.2.0

Minor Changes

• 9e30abd Thanks @jwahdatehagh! - Draw every hairline with border instead of a box-shadow ring

  Inputs, buttons, comboboxes, tags, switches, sliders, pin inputs and panel
  headers outlined themselves with box-shadow: 0 0 0 1px, while cards, popovers
  and dialogs used a real border. Browsers snap border widths down to whole
  device pixels but leave box-shadow spread unsnapped, so on fractional-DPR
  screens the shadow rings painted about twice as heavy as the borders next to
  them. Everything now uses border / border-color, so all outlines share one
  weight.

  Shadow rings overlapped each other where two outlined boxes met; borders do not,
  so the places that relied on that now leave exactly one border per shared edge:
  the tag dismiss button keeps only its divider, FormItem prefix/suffix and the
  leading controls of a FormInputGroup drop the border their neighbour draws,
  and dialog, popover and toast headers draw only the separator below them.
  Hovering a tag's dismiss button now highlights the tag's border, which is the
  line that button no longer draws.

  The --border-shadow / --border-shadow-highlight tokens remain for
  layout-neutral rings. The multi transaction flow marker tokens change from
  shadows to colors: --multi-transaction-flow-marker-shadow,
  --multi-transaction-flow-marker-active-shadow and
  --multi-transaction-flow-marker-error-shadow are replaced by
  --multi-transaction-flow-marker-border-color,
  --multi-transaction-flow-marker-active-border-color and
  --multi-transaction-flow-marker-error-border-color.

Patch Changes

• Updated dependencies [9e30abd, 9e30abd]:
  • @1001-digital/components@2.11.0

@1001-digital/styles@2.8.0

Minor Changes

• 9e30abd Thanks @jwahdatehagh! - Draw every hairline with border instead of a box-shadow ring

  Inputs, buttons, comboboxes, tags, switches, sliders, pin inputs and panel
  headers outlined themselves with box-shadow: 0 0 0 1px, while cards, popovers
  and dialogs used a real border. Browsers snap border widths down to whole
  device pixels but leave box-shadow spread unsnapped, so on fractional-DPR
  screens the shadow rings painted about twice as heavy as the borders next to
  them. Everything now uses border / border-color, so all outlines share one
  weight.

  Shadow rings overlapped each other where two outlined boxes met; borders do not,
  so the places that relied on that now leave exactly one border per shared edge:
  the tag dismiss button keeps only its divider, FormItem prefix/suffix and the
  leading controls of a FormInputGroup drop the border their neighbour draws,
  and dialog, popover and toast headers draw only the separator below them.
  Hovering a tag's dismiss button now highlights the tag's border, which is the
  line that button no longer draws.

  The --border-shadow / --border-shadow-highlight tokens remain for
  layout-neutral rings. The multi transaction flow marker tokens change from
  shadows to colors: --multi-transaction-flow-marker-shadow,
  --multi-transaction-flow-marker-active-shadow and
  --multi-transaction-flow-marker-error-shadow are replaced by
  --multi-transaction-flow-marker-border-color,
  --multi-transaction-flow-marker-active-border-color and
  --multi-transaction-flow-marker-error-border-color.

@1001-digital/layers.base@2.1.10

Patch Changes

• Updated dependencies [9e30abd, 9e30abd]:
  • @1001-digital/components@2.11.0
  • @1001-digital/styles@2.8.0

@1001-digital/layers.evm@4.0.2

Patch Changes

• Updated dependencies [9e30abd, 9e30abd]:
  • @1001-digital/components@2.11.0
  • @1001-digital/components.evm@4.2.0
  • @1001-digital/layers.base@2.1.10