diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index bf0ca563..1e2ab446 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -23,3 +23,13 @@ jobs: yarn build:lib yarn test:types yarn lint + + deploy-docs: + if: github.ref == 'refs/heads/master' + runs-on: ubuntu-latest + steps: + - name: Trigger deploy + env: + deploy_url: ${{ secrets.RENDER_DEPLOY_HOOK_URL }} + run: | + curl -X GET "$deploy_url" diff --git a/CHANGELOG.md b/CHANGELOG.md index af445b66..a00c0113 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,26 +2,32 @@ All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines. -### [0.73.3](https://github.com/carbon-design-system/carbon-components-svelte/compare/v0.73.2...v0.73.3) (2023-03-11) +### [0.73.5](https://github.com/carbon-design-system/carbon-components-svelte/compare/v0.73.4...v0.73.5) (2023-03-26) +### [0.73.4](https://github.com/carbon-design-system/carbon-components-svelte/compare/v0.73.3...v0.73.4) (2023-03-21) ### Bug Fixes -* **1684:** hide helper text container in password input when not used ([#1685](https://github.com/carbon-design-system/carbon-components-svelte/issues/1685)) ([42349eb](https://github.com/carbon-design-system/carbon-components-svelte/commit/42349ebc61fdc8756fc5209d4cb63f4f9a63dce9)) +- **selectable-tile:** include dispatched events in types ([#1695](https://github.com/carbon-design-system/carbon-components-svelte/issues/1695)) ([ca40dd1](https://github.com/carbon-design-system/carbon-components-svelte/commit/ca40dd18c2af1bc755b857c39469427038f20ece)), closes [#1694](https://github.com/carbon-design-system/carbon-components-svelte/issues/1694) +- **text-input:** correctly set input padding for warning state ([#1688](https://github.com/carbon-design-system/carbon-components-svelte/issues/1688)) ([821233a](https://github.com/carbon-design-system/carbon-components-svelte/commit/821233ab4f0bf247dea6a8aa32b79d15424ff059)), closes [#1687](https://github.com/carbon-design-system/carbon-components-svelte/issues/1687) + +### [0.73.3](https://github.com/carbon-design-system/carbon-components-svelte/compare/v0.73.2...v0.73.3) (2023-03-11) + +### Bug Fixes + +- **1684:** hide helper text container in password input when not used ([#1685](https://github.com/carbon-design-system/carbon-components-svelte/issues/1685)) ([42349eb](https://github.com/carbon-design-system/carbon-components-svelte/commit/42349ebc61fdc8756fc5209d4cb63f4f9a63dce9)) ### [0.73.2](https://github.com/carbon-design-system/carbon-components-svelte/compare/v0.73.1...v0.73.2) (2023-02-27) - ### Bug Fixes -* `readonly` should override `error` behavior in `TextInput`, `NumberInput` ([#1666](https://github.com/carbon-design-system/carbon-components-svelte/issues/1666)) ([6386c33](https://github.com/carbon-design-system/carbon-components-svelte/commit/6386c33f939b5fa310e8eb5a51412c6151de75d2)), closes [/github.com/carbon-design-system/carbon-components-svelte/pull/1666#pullrequestreview-1314558645](https://github.com/carbon-design-system//github.com/carbon-design-system/carbon-components-svelte/pull/1666/issues/pullrequestreview-1314558645) +- `readonly` should override `error` behavior in `TextInput`, `NumberInput` ([#1666](https://github.com/carbon-design-system/carbon-components-svelte/issues/1666)) ([6386c33](https://github.com/carbon-design-system/carbon-components-svelte/commit/6386c33f939b5fa310e8eb5a51412c6151de75d2)), closes [/github.com/carbon-design-system/carbon-components-svelte/pull/1666#pullrequestreview-1314558645](https://github.com/carbon-design-system//github.com/carbon-design-system/carbon-components-svelte/pull/1666/issues/pullrequestreview-1314558645) ### [0.73.1](https://github.com/carbon-design-system/carbon-components-svelte/compare/v0.73.0...v0.73.1) (2023-02-19) - ### Bug Fixes -* **textinput/passwordinput:** apply aria-describedby to hint text ([b435be4](https://github.com/carbon-design-system/carbon-components-svelte/commit/b435be4f1221b30c9afd7a9e1c6867b38eeadeaa)), closes [#1633](https://github.com/carbon-design-system/carbon-components-svelte/issues/1633) +- **textinput/passwordinput:** apply aria-describedby to hint text ([b435be4](https://github.com/carbon-design-system/carbon-components-svelte/commit/b435be4f1221b30c9afd7a9e1c6867b38eeadeaa)), closes [#1633](https://github.com/carbon-design-system/carbon-components-svelte/issues/1633) ### [0.73.0](https://github.com/carbon-design-system/carbon-components-svelte/compare/v0.72.3...v0.73.0) (2023-02-19) diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index c534de76..bd4c0575 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -1,6 +1,6 @@ # Component Index -> 165 components exported from carbon-components-svelte@0.73.3. +> 165 components exported from carbon-components-svelte@0.73.5. ## Components @@ -3274,13 +3274,15 @@ None. ### Events -| Event name | Type | Detail | -| :--------- | :-------- | :----- | -| click | forwarded | -- | -| mouseover | forwarded | -- | -| mouseenter | forwarded | -- | -| mouseleave | forwarded | -- | -| keydown | forwarded | -- | +| Event name | Type | Detail | +| :--------- | :--------- | :------------------ | +| select | dispatched | string | +| deselect | dispatched | string | +| click | forwarded | -- | +| mouseover | forwarded | -- | +| mouseenter | forwarded | -- | +| mouseleave | forwarded | -- | +| keydown | forwarded | -- | ## `SideNav` diff --git a/README.md b/README.md index a8ab3a2b..3658b852 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ ![GitHub](https://img.shields.io/github/license/ibm/carbon-components-svelte?color=262626&style=for-the-badge) ![npm downloads to date](https://img.shields.io/npm/dt/carbon-components-svelte?color=262626&style=for-the-badge) - Chat with us on Discord +Chat with us on Discord 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. @@ -20,10 +20,6 @@ The Carbon Svelte portfolio also includes: ## [Documentation](https://carbon-components-svelte.onrender.com) -The documentation site is deployed to [Render](https://render.com) as a Static Site. See [render.yaml](render.yaml) for details. - -[![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://render.com/deploy?repo=https://github.com/carbon-design-system/carbon-components-svelte) - Other forms of documentation are auto-generated: - **[TypeScript definitions](types)**: Component TypeScript definitions diff --git a/docs/package.json b/docs/package.json index 71f0550e..0e44fd58 100644 --- a/docs/package.json +++ b/docs/package.json @@ -22,7 +22,7 @@ "prism-svelte": "^0.4.7", "prismjs": "^1.28.0", "remark-slug": "^6.0.0", - "svelte": "^3.49.0", + "svelte": "^3.57.0", "vite": "^3.0.9" }, "routify": { diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 673dac72..907b19bd 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -10551,6 +10551,8 @@ "moduleExports": [], "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "events": [ + { "type": "dispatched", "name": "select", "detail": "string" }, + { "type": "dispatched", "name": "deselect", "detail": "string" }, { "type": "forwarded", "name": "click", "element": "label" }, { "type": "forwarded", "name": "mouseover", "element": "label" }, { "type": "forwarded", "name": "mouseenter", "element": "label" }, diff --git a/docs/src/components/Theme.svelte b/docs/src/components/Theme.svelte deleted file mode 100644 index c10ca7ee..00000000 --- a/docs/src/components/Theme.svelte +++ /dev/null @@ -1,30 +0,0 @@ - - - diff --git a/docs/src/global.css b/docs/src/global.css index fd8003b2..87714409 100644 --- a/docs/src/global.css +++ b/docs/src/global.css @@ -33,6 +33,11 @@ html[theme="g90"] .code-override { overflow-x: auto; } +/* Addig this to the layout grid fixes overstretching. */ +.fix-overflow { + min-width: 0; +} + .token.tag, .token.operator { color: #6ea6ff; @@ -167,16 +172,6 @@ html[theme="g90"] .code-override { margin-bottom: var(--cds-layout-01); } -.table { - position: sticky; - max-height: calc(100vh - 3rem); - top: 3rem; - padding-top: var(--cds-spacing-05); - padding-bottom: var(--cds-spacing-05); - padding-left: var(--cds-spacing-08); - overflow-y: auto; -} - .code-01 { font-size: var(--cds-code-01-font-size); font-weight: var(--cds-code-01-font-weight); diff --git a/docs/src/layouts/ComponentLayout.svelte b/docs/src/layouts/ComponentLayout.svelte index e099d00a..9277ceed 100644 --- a/docs/src/layouts/ComponentLayout.svelte +++ b/docs/src/layouts/ComponentLayout.svelte @@ -66,7 +66,7 @@ - +

{component}

diff --git a/docs/src/pages/_layout.svelte b/docs/src/pages/_layout.svelte index fa1074bb..b506dea7 100644 --- a/docs/src/pages/_layout.svelte +++ b/docs/src/pages/_layout.svelte @@ -12,10 +12,11 @@ SideNav, SideNavItems, SideNavMenuItem, + Theme, Tag, } from "carbon-components-svelte"; import LogoGithub from "carbon-icons-svelte/lib/LogoGithub.svelte"; - import Theme from "../components/Theme.svelte"; + import { theme } from "../store"; const deprecated = []; const new_components = []; @@ -38,7 +39,7 @@ - +
+ ## Full width Set `fullWidth` to `true` for the slider to span the full width of its containing element. - + ## Hidden text input - + ## Custom minimum, maximum values diff --git a/docs/src/pages/components/Tag.svx b/docs/src/pages/components/Tag.svx index 85799b6e..b693a713 100644 --- a/docs/src/pages/components/Tag.svx +++ b/docs/src/pages/components/Tag.svx @@ -41,7 +41,7 @@ ## Custom icon -Note: rendering a custom icon cannnot be used with the filterable variant. +Note: rendering a custom icon cannot be used with the filterable variant. IBM Cloud diff --git a/docs/src/pages/components/Theme.svx b/docs/src/pages/components/Theme.svx index f00cb56d..9a5cab2f 100644 --- a/docs/src/pages/components/Theme.svx +++ b/docs/src/pages/components/Theme.svx @@ -12,7 +12,7 @@ The `Theme` component can dyanmically update the Carbon theme on the client-side The `all.css` StyleSheet uses [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) for dynamic theming. - + ## Default diff --git a/docs/yarn.lock b/docs/yarn.lock index 60209c7b..894928bd 100644 --- a/docs/yarn.lock +++ b/docs/yarn.lock @@ -165,7 +165,7 @@ bufferutil@^4.0.1: node-gyp-build "~3.7.0" carbon-components-svelte@../: - version "0.70.1" + version "0.73.3" dependencies: flatpickr "4.6.9" @@ -1280,10 +1280,10 @@ svelte-hmr@^0.14.12: resolved "https://registry.yarnpkg.com/svelte-hmr/-/svelte-hmr-0.14.12.tgz#a127aec02f1896500b10148b2d4d21ddde39973f" integrity sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w== -svelte@^3.49.0: - version "3.49.0" - resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.49.0.tgz#5baee3c672306de1070c3b7888fc2204e36a4029" - integrity sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA== +svelte@^3.57.0: + version "3.57.0" + resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.57.0.tgz#a3969cfe51f25f2a55e75f7b98dbd02c3af0980b" + integrity sha512-WMXEvF+RtAaclw0t3bPDTUe19pplMlfyKDsixbHQYgCWi9+O9VN0kXU1OppzrB9gPAvz4NALuoca2LfW2bOjTQ== symbol-tree@^3.2.4: version "3.2.4" diff --git a/package.json b/package.json index 8f20fb6f..c66c5579 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "carbon-components-svelte", - "version": "0.73.3", + "version": "0.73.5", "license": "Apache-2.0", "description": "Svelte implementation of the Carbon Design System", "svelte": "./src/index.js", @@ -39,7 +39,7 @@ "sass": "^1.49.11", "standard-version": "^9.5.0", "sveld": "^0.18.0", - "svelte": "^3.51.0", + "svelte": "^3.57.0", "svelte-check": "^2.8.1", "typescript": "^4.7.4" }, diff --git a/src/ContextMenu/ContextMenu.svelte b/src/ContextMenu/ContextMenu.svelte index 68adc47a..80182eb9 100644 --- a/src/ContextMenu/ContextMenu.svelte +++ b/src/ContextMenu/ContextMenu.svelte @@ -153,6 +153,7 @@ }}" /> +