Skip to content

Commit 36987b2

Browse files
ispyinternetispyinternet
committed
Merge branch 'master' of github.com:IBM/carbon-components-svelte
2 parents 3c59a6c + 8b7dfbe commit 36987b2

File tree

15 files changed

+122
-112
lines changed

15 files changed

+122
-112
lines changed

‎CHANGELOG.md‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,35 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
77

88
<!-- ## Unreleased -->
99

10+
## [0.25.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.25.0) - 2020-11-27
11+
12+
**Features**
13+
14+
- Add `padding` prop to Grid, Row, Column components ([PR #420](https://github.com/IBM/carbon-components-svelte/pull/420), [issue #410](https://github.com/IBM/carbon-components-svelte/issues/410))
15+
- Add `transition` prop to UI Shell `HeaderAction` to customize panel slide transition; by default, the slide duration is `200`ms ([PR #419](https://github.com/IBM/carbon-components-svelte/pull/419), [issue #384](https://github.com/IBM/carbon-components-svelte/issues/384))
16+
17+
**Fixes**
18+
19+
- fix `Files` type for FileUploader ([PR #422](https://github.com/IBM/carbon-components-svelte/pull/422), [issue #421](https://github.com/IBM/carbon-components-svelte/issues/421))
20+
- remove the fly transition from HamburgerMenu ([PR #419](https://github.com/IBM/carbon-components-svelte/pull/419), [issue #384](https://github.com/IBM/carbon-components-svelte/issues/384))
21+
22+
**Documentation**
23+
24+
- add ["Padded columns"](https://carbon-svelte.vercel.app/components/Grid#padded-columns) example to Grid docs
25+
- demo different transitions in ["Header with app switcher"](https://carbon-svelte.vercel.app/components/UIShell#header-with-app-switcher) example in UI Shell
26+
- describe use case for [using native styles in OrderedList](https://carbon-svelte.vercel.app/components/OrderedList#native-list-styles)
27+
28+
**Housekeeping**
29+
30+
- pin development dependency `sveld` to version 0.3.0
31+
32+
---
33+
34+
**Contributors**
35+
36+
- [@ispyinternet](https://github.com/ispyinternet)
37+
- [@miedzikd](https://github.com/miedzikd)
38+
1039
## [0.24.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.24.0) - 2020-11-26
1140

1241
**Features**

‎COMPONENT_INDEX.md‎

Lines changed: 35 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Component Index
22

3-
> 155 components exported from carbon-components-svelte@0.24.0.
3+
> 155 components exported from carbon-components-svelte@0.25.0.
44
55
## Components
66

@@ -1054,19 +1054,13 @@ None.
10541054

10551055
## `FileUploader`
10561056

1057-
### Types
1058-
1059-
```ts
1060-
export type Files = string[];
1061-
```
1062-
10631057
### Props
10641058

10651059
| Prop name | Kind | Reactive | Type | Default value | Description |
10661060
| :--------------- | :----------------- | :------- | :----------------------------------------------------------------------------------------- | --------------------------------------- | --------------------------------------------------------------------- |
1067-
| files | <code>let</code> | Yes | <code>Files</code> | <code>[]</code> | Obtain the uploaded file names |
1061+
| files | <code>let</code> | Yes | <code>FileList</code> | <code>[]</code> | Obtain the uploaded file names |
10681062
| status | <code>let</code> | No | <code>"uploading" &#124; "edit" &#124; "complete"</code> | <code>"uploading"</code> | Specify the file uploader status |
1069-
| accept | <code>let</code> | No | <code>Files</code> | <code>[]</code> | Specify the accepted file types |
1063+
| accept | <code>let</code> | No | <code>string[]</code> | <code>[]</code> | Specify the accepted file types |
10701064
| multiple | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to allow multiple files |
10711065
| clearFiles | <code>const</code> | No | <code>() => void</code> | <code>() => { files = []; }</code> | Override the default behavior of clearing the array of uploaded files |
10721066
| labelDescription | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the label description |
@@ -1082,32 +1076,26 @@ None.
10821076

10831077
### Events
10841078

1085-
| Event name | Type | Detail |
1086-
| :--------- | :--------- | :----------------- |
1087-
| add | dispatched | <code>Files</code> |
1088-
| remove | dispatched | <code>Files</code> |
1089-
| click | forwarded | -- |
1090-
| mouseover | forwarded | -- |
1091-
| mouseenter | forwarded | -- |
1092-
| mouseleave | forwarded | -- |
1093-
| change | forwarded | -- |
1094-
| keydown | forwarded | -- |
1079+
| Event name | Type | Detail |
1080+
| :--------- | :--------- | :-------------------- |
1081+
| add | dispatched | <code>FileList</code> |
1082+
| remove | dispatched | <code>FileList</code> |
1083+
| click | forwarded | -- |
1084+
| mouseover | forwarded | -- |
1085+
| mouseenter | forwarded | -- |
1086+
| mouseleave | forwarded | -- |
1087+
| change | forwarded | -- |
1088+
| keydown | forwarded | -- |
10951089

10961090
## `FileUploaderButton`
10971091

1098-
### Types
1099-
1100-
```ts
1101-
export type Files = string[];
1102-
```
1103-
11041092
### Props
11051093

11061094
| Prop name | Kind | Reactive | Type | Default value | Description |
11071095
| :------------------ | :--------------- | :------- | :----------------------------------------------------------------------------------------- | ------------------------------------------------ | -------------------------------------------- |
11081096
| ref | <code>let</code> | Yes | <code>null &#124; HTMLInputElement</code> | <code>null</code> | Obtain a reference to the input HTML element |
11091097
| labelText | <code>let</code> | Yes | <code>string</code> | <code>"Add file"</code> | Specify the label text |
1110-
| accept | <code>let</code> | No | <code>Files</code> | <code>[]</code> | Specify the accepted file types |
1098+
| accept | <code>let</code> | No | <code>string[]</code> | <code>[]</code> | Specify the accepted file types |
11111099
| multiple | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to allow multiple files |
11121100
| disabled | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the input |
11131101
| disableLabelChanges | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable label changes |
@@ -1131,42 +1119,36 @@ None.
11311119

11321120
## `FileUploaderDropContainer`
11331121

1134-
### Types
1135-
1136-
```ts
1137-
export type Files = string[];
1138-
```
1139-
11401122
### Props
11411123

1142-
| Prop name | Kind | Reactive | Type | Default value | Description |
1143-
| :------------ | :--------------- | :------- | :---------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ |
1144-
| ref | <code>let</code> | Yes | <code>null &#124; HTMLInputElement</code> | <code>null</code> | Obtain a reference to the input HTML element |
1145-
| accept | <code>let</code> | No | <code>Files</code> | <code>[]</code> | Specify the accepted file types |
1146-
| multiple | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to allow multiple files |
1147-
| validateFiles | <code>let</code> | No | <code>(files: Files) => Files</code> | <code>(files) => files</code> | Override the default behavior of validating uploaded files<br />The default behavior does not validate files |
1148-
| labelText | <code>let</code> | No | <code>string</code> | <code>"Add file"</code> | Specify the label text |
1149-
| role | <code>let</code> | No | <code>string</code> | <code>"button"</code> | Specify the `role` attribute of the drop container |
1150-
| disabled | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the input |
1151-
| tabindex | <code>let</code> | No | <code>string</code> | <code>"0"</code> | Specify `tabindex` attribute |
1152-
| id | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the input element |
1153-
| name | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify a name attribute for the input |
1124+
| Prop name | Kind | Reactive | Type | Default value | Description |
1125+
| :------------ | :--------------- | :------- | :----------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ |
1126+
| ref | <code>let</code> | Yes | <code>null &#124; HTMLInputElement</code> | <code>null</code> | Obtain a reference to the input HTML element |
1127+
| accept | <code>let</code> | No | <code>string[]</code> | <code>[]</code> | Specify the accepted file types |
1128+
| multiple | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to allow multiple files |
1129+
| validateFiles | <code>let</code> | No | <code>(files: FileList) => FileList</code> | <code>(files) => files</code> | Override the default behavior of validating uploaded files<br />The default behavior does not validate files |
1130+
| labelText | <code>let</code> | No | <code>string</code> | <code>"Add file"</code> | Specify the label text |
1131+
| role | <code>let</code> | No | <code>string</code> | <code>"button"</code> | Specify the `role` attribute of the drop container |
1132+
| disabled | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the input |
1133+
| tabindex | <code>let</code> | No | <code>string</code> | <code>"0"</code> | Specify `tabindex` attribute |
1134+
| id | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the input element |
1135+
| name | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify a name attribute for the input |
11541136

11551137
### Slots
11561138

11571139
None.
11581140

11591141
### Events
11601142

1161-
| Event name | Type | Detail |
1162-
| :--------- | :--------- | :----------------- |
1163-
| add | dispatched | <code>Files</code> |
1164-
| dragover | forwarded | -- |
1165-
| dragleave | forwarded | -- |
1166-
| drop | forwarded | -- |
1167-
| keydown | forwarded | -- |
1168-
| change | forwarded | -- |
1169-
| click | forwarded | -- |
1143+
| Event name | Type | Detail |
1144+
| :--------- | :--------- | :-------------------- |
1145+
| add | dispatched | <code>FileList</code> |
1146+
| dragover | forwarded | -- |
1147+
| dragleave | forwarded | -- |
1148+
| drop | forwarded | -- |
1149+
| keydown | forwarded | -- |
1150+
| change | forwarded | -- |
1151+
| click | forwarded | -- |
11701152

11711153
## `FileUploaderItem`
11721154

‎README.md‎

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,25 @@
55
![npm downloads to date](https://img.shields.io/npm/dt/carbon-components-svelte?color=262626&style=for-the-badge)
66
[![Build][build]][build-badge]
77

8-
carbon-components-svelte is a Svelte component library that implements the [Carbon Design System](https://github.com/carbon-design-system), an open source design system by IBM.
8+
Carbon Components Svelte is a [Svelte](https://github.com/sveltejs/svelte) component library that implements the [Carbon Design System](https://github.com/carbon-design-system), an open source design system by IBM.
99

10-
A design system can facilitate frontend development and prototyping because it encourages reuse, consistency, and extensibility.
10+
Design systems facilitate design and development through reuse, consistency, and extensibility.
11+
12+
The Carbon Svelte portfolio also includes:
13+
14+
- **[Carbon Icons Svelte](https://github.com/IBM/carbon-icons-svelte)**: 5800+ Carbon icons as Svelte components
15+
- **[Carbon Pictograms Svelte](https://github.com/IBM/carbon-pictograms-svelte)**: 600+ Carbon pictograms as Svelte components
16+
- **[Carbon Charts Svelte](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/svelte)**: 16 chart types, powered by d3
1117

1218
## [Documentation](http://ibm.biz/carbon-svelte)
1319

14-
<a href="https://www.vercel.com?utm_source=carbon-components-svelte&utm_campaign=oss" target="_blank"><img height="32px" src="./docs/public/powered-by-vercel.svg" alt="Deploys by Vercel" /></a>
20+
<a href="https://www.vercel.com?utm_source=carbon-components-svelte&utm_campaign=oss" target="_blank"><img height="34px" src="./docs/public/powered-by-vercel.svg" alt="Deploys by Vercel" /></a>
21+
22+
The [documentation website](http://ibm.biz/carbon-svelte) contains live demos and examples. Other forms of documentation are auto-generated:
23+
24+
- **[Component Index](COMPONENT_INDEX.md)**: Markdown file documenting component props, slots, and events
25+
- **[TypeScript definitions](types)**: Component TypeScript definitions
26+
- **[Component API](docs/src/COMPONENT_API.json)**: Component API metadata in JSON format
1527

1628
## Getting started
1729

0 commit comments

Comments
 (0)