mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: use truncate mixins

Browse source
This commit is contained in:
Enrico Sacchetti 2024-01-04 22:49:40 -05:00
commit 0aa38ec81a
5 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
COMPONENT_INDEX.md
View file

@ -1,6 +1,6 @@
# Component Index
> 164 components exported from carbon-components-svelte@0.82.7.
> 165 components exported from carbon-components-svelte@0.82.7.
## Components

2
docs/src/COMPONENT_API.json
View file

@ -1,5 +1,5 @@
{
"total": 164,
"total": 165,
"components": [
{
"moduleName": "Accordion",

2
docs/src/pages/components/Truncate.svx
View file

@ -4,7 +4,7 @@
import Preview from "../../components/Preview.svelte";
</script>
This utility component wraps the `.bx--text-truncate--*` CSS selectors from [carbon-components](https://github.com/carbon-design-system/carbon/blob/master/packages/components/src/globals/scss/_helper-classes.scss#L11) for single-line text truncation.
This utility component wraps the `.bx--text-truncate-*` Sass mixins from [@carbon/styles](https://github.com/carbon-design-system/carbon/blob/main/packages/styles/scss/utilities/_text-truncate.scss) for single-line text truncation.
## Default

4
src/Truncate/Truncate.svelte
View file

@ -4,8 +4,8 @@
</script>
<p
class:bx--text-truncate--end="{clamp === 'end'}"
class:bx--text-truncate--front="{clamp === 'front'}"
class:bx--text-truncate-end="{clamp === 'end'}"
class:bx--text-truncate-front="{clamp === 'front'}"
{...$$restProps}
>
<slot />

2
src/Truncate/truncate.js
View file

@ -7,7 +7,7 @@
* <h1 use:truncate={{ clamp: "front" }}>...</h1>
*/
export function truncate(node, options = {}) {
const prefix = "bx--text-truncate--";
const prefix = "bx--text-truncate-";
function toggleClass(front = false) {
const classes = [...node.classList]