carbon-design-system/carbon-components-svelte v0.25.0

on GitHub

Features

• Add padding prop to Grid, Row, Column components (PR #420, issue #410)

  <!-- applies vertical padding to all child columns -->
  <Grid padding>...</Grid>
  
  <!-- applies vertical padding to child columns in a specific row -->
  <Grid><Row padding>...</Row></Grid>
  
  <!-- applies vertical padding to a specific column -->
  <Grid><Row><Column padding>...</Column></Row></Grid>

• Add transition prop to UI Shell HeaderAction to customize panel slide transition; by default, the slide duration is 200ms (PR #419, issue #384)

  Custom slide transition parameters:

  <script>
    import { quintOut } from "svelte/easing";
  </script>
  
  <HeaderAction transition="{{ duration: 1200, delay: 200, easing: quintOut }}">...</HeaderAction>

  Disabled:

  <HeaderAction transition="{false}">...</HeaderAction>

Fixes

• fix Files type for FileUploader (PR #422, issue #421)
• remove the fly transition from HamburgerMenu (PR #419, issue #384)

Documentation

• add "Padded columns" example to Grid docs
• demo different transitions in "Header with app switcher" example in UI Shell
• describe use case for using native styles in OrderedList

Housekeeping

• pin development dependency sveld to version 0.3.0

Contributors

• @ispyinternet
• @miedzikd