@nimbus-ds/chip 2.3.3 → 2.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  The Chip component is used to flag criteria or attributes related to searches or filters of a list of information.
4
4
 
5
+ ## 2025-03-18 `2.3.4`
6
+
7
+ ### 💡 Others
8
+
9
+ - Rebuild after build process changes to add support for modular imports and Server Components. ([#276](https://github.com/TiendaNube/nimbus-design-system/pull/276) by [@joacotornello](https://github.com/joacotornello))
10
+
5
11
  ## 2024-04-22 `2.3.3`
6
12
 
7
13
  ### 💡 Others
@@ -0,0 +1,111 @@
1
+ # Changelog
2
+
3
+ The Chip component is used to flag criteria or attributes related to searches or filters of a list of information.
4
+
5
+ ## 2025-03-18 `2.3.4`
6
+
7
+ ### 💡 Others
8
+
9
+ - Rebuild after build process changes to add support for modular imports and Server Components. ([#276](https://github.com/TiendaNube/nimbus-design-system/pull/276) by [@joacotornello](https://github.com/joacotornello))
10
+
11
+ ## 2024-04-22 `2.3.3`
12
+
13
+ ### 💡 Others
14
+
15
+ - Trigger `onClick` only when close icon is pressed. ([#110](https://github.com/TiendaNube/nimbus-design-system/pull/240) by [@nachozullo](https://github.com/nachozullo))
16
+
17
+ ## 2024-02-07 `2.3.2`
18
+
19
+ ### 🐛 Bug fixes
20
+
21
+ - Added `lineClamp` and `wordBreak` properties to `Chip` Text to allow overflowing text to hide instead of breaking into lines. ([#220](https://github.com/TiendaNube/nimbus-design-system/pull/220) by [@juanchigallego](https://github.com/juanchigallego))
22
+
23
+ ## 2023-12-22 `2.3.1`
24
+
25
+ - Update component with new color tokens from `@nimbus-ds/tokens` package. ([#215](https://github.com/TiendaNube/nimbus-design-system/pull/215) by [@juanchigallego](https://github.com/juanchigallego))
26
+
27
+ ## 2023-02-24 `2.3.0`
28
+
29
+ ### 💡 Others
30
+
31
+ - Refactored use of `color tokens` in internal components by removing `.` per `-`. ([#110](https://github.com/TiendaNube/nimbus-design-system/pull/110) by [@juniorconquista](https://github.com/juniorconquista))
32
+ - Refactored style classes to have more semantic names. ([#110](https://github.com/TiendaNube/nimbus-design-system/pull/110) by [@juniorconquista](https://github.com/juniorconquista))
33
+
34
+ ## 2023-02-24 `2.2.1`
35
+
36
+ ### 💡 Others
37
+
38
+ - Reset color value on `Text` component to default value. ([#106](https://github.com/TiendaNube/nimbus-design-system/pull/106) by [@juanchigallego](https://github.com/juanchigallego))
39
+ - Add `lineHeight caption` property on `Text` component. ([#106](https://github.com/TiendaNube/nimbus-design-system/pull/106) by [@juanchigallego](https://github.com/juanchigallego))
40
+
41
+ ## 2023-02-23 `2.2.0`
42
+
43
+ ### 🎉 New features
44
+
45
+ - Added server side-rendering support to component. ([#105](https://github.com/TiendaNube/nimbus-design-system/pull/105) by [@juniorconquista](https://github.com/juniorconquista))
46
+
47
+ ## 2023-02-16 `2.1.0`
48
+
49
+ ### 🎉 New features
50
+
51
+ - Removed external dependency from `@tiendanube/icons` package to now use internal `@nimbus-ds/icons` package. ([#94](https://github.com/TiendaNube/nimbus-design-system/pull/#94) by [@juniorconquista](https://github.com/juniorconquista))
52
+
53
+ ### 📚 3rd party library updates
54
+
55
+ - Removed `@tiendanube/icons@0.3.1`. ([#94](https://github.com/TiendaNube/nimbus-design-system/pull/#94) by [@juniorconquista](https://github.com/juniorconquista))
56
+
57
+ ## 2022-12-22 `2.0.0`
58
+
59
+ ### 💡 Others
60
+
61
+ - Removed direct dependency on `nimbus-ds/styles` package from component build. ([#69](https://github.com/TiendaNube/nimbus-design-system/pull/69) by [@juniorconquista](https://github.com/juniorconquista))
62
+
63
+ ## 2022-12-07 `1.2.0`
64
+
65
+ ### 🎉 New features
66
+
67
+ - Changed build build to consume inner package `@nimbus-ds/webpack`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
68
+
69
+ ### 📚 3rd party library updates
70
+
71
+ - Removed `terser-webpack-plugin@5.3.5`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
72
+ - Removed `ts-loader@9.3.1`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
73
+ - Removed `webpack-cli@4.10.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
74
+ - Removed `webpack@5.74.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
75
+ - Removed `typescript@4.7.4`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
76
+
77
+ ## 2022-11-18 `1.5.0`
78
+
79
+ ### 📚 3rd party library updates
80
+
81
+ - Updated `@tiendanube/icons@0.3.1`. ([#57](https://github.com/TiendaNube/nimbus-design-system/pull/#57) by [@juniorconquista](https://github.com/juniorconquista))
82
+
83
+ ## 2022-09-27 `1.4.0`
84
+
85
+ ### 💡 Others
86
+
87
+ - Adjusted component native typing for ButtonHTMLAttributes. ([#30](https://github.com/TiendaNube/nimbus-design-system/pull/30) by [@juniorconquista](https://github.com/juniorconquista))
88
+
89
+ ## 2022-09-24 `1.3.0`
90
+
91
+ ### 💡 Others
92
+
93
+ - Adjusted `fontSize` size of internal `Text` component from `small` to `caption`. ([#29](https://github.com/TiendaNube/nimbus-design-system/pull/29) by [@juniorconquista](https://github.com/juniorconquista))
94
+
95
+ ## 2022-09-01 `1.0.0`
96
+
97
+ ### 📚 3rd party library updates
98
+
99
+ - Added `terser-webpack-plugin@5.3.5`. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
100
+ - Added `ts-loader@9.3.1`. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
101
+ - Added `typescript@4.7.4`. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
102
+ - Added `webpack@5.74.0`. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
103
+ - Added `webpack-cli@4.10.0`. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
104
+
105
+ ### 🎉 New features
106
+
107
+ - Added `icon`, `removable` and `text` properties to the Component. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
108
+ - Added stories on Component. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
109
+ - Created new `Chip.Skeleton` subcomponent. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
110
+ - Added `width` and `height` properties to the Component `Chip.Skeleton`. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
111
+ - Added stories on Component `Chip.Skeleton`. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
package/dist/README.md ADDED
@@ -0,0 +1,54 @@
1
+ # `@nimbus-ds/chip`
2
+
3
+ [![@nimbus-ds/chip](https://img.shields.io/npm/v/@nimbus-ds/chip?label=%40nimbus-ds%2Fchip)](https://www.npmjs.com/package/@nimbus-ds/chip)
4
+
5
+ The Chip component is used to flag criteria or attributes related to searches or filters of a list of information.
6
+
7
+ ## Installation
8
+
9
+ ```sh
10
+ $ yarn add @nimbus-ds/chip
11
+ # or
12
+ $ npm install @nimbus-ds/chip
13
+ ```
14
+
15
+ ## Component Anatomy
16
+
17
+ The component is composed of a stylized text that uses our tokens, in addition to two optional icons that can be used together.
18
+
19
+ ## Guidelines
20
+
21
+ The Chip component has 4 configuration possibilities, which can be used according to the context and need of the application.
22
+
23
+ - Customizable icon with text and close icon;
24
+ - Customizable icon with text and no close icon;
25
+ - Text with close icon;
26
+ - Text only.
27
+
28
+ ### Customizable icon choice
29
+
30
+ The use of the icon is optional and must be directly related to the criterion or context that the component is selecting, thus facilitating the understanding of the search term or filter.
31
+
32
+ ### close icon
33
+
34
+ The close icon must be visible whenever it is possible to override the filter or search criteria.
35
+
36
+ ### Contents
37
+
38
+ The component text should clearly explain the information that represents it in a few words. Although it is interactive, it does not describe an action and therefore should not be a verb.
39
+
40
+ ### Usage recommendations
41
+
42
+ We use the Chip to represent the criteria applied to a list of data, being able to add several to the same context.
43
+
44
+ ## Related components
45
+
46
+ Component Tag - Used to categorize information, organize or indicate status of elements or components using keywords, icons or colors.
47
+
48
+ Badge Component - Used to report pending item quantities or actions.
49
+
50
+ ## Usage
51
+
52
+ View docs [here](https://nimbus.nuvemshop.com.br/documentation/atomic-components/chip).
53
+
54
+ <img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/chip",
3
- "version": "2.3.3",
3
+ "version": "2.3.4",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -14,10 +14,10 @@
14
14
  "version": "yarn version"
15
15
  },
16
16
  "dependencies": {
17
- "@nimbus-ds/icon": "^3.0.0",
18
- "@nimbus-ds/icons": "^1.5.0",
19
- "@nimbus-ds/skeleton": "^3.0.0",
20
- "@nimbus-ds/text": "^6.3.0"
17
+ "@nimbus-ds/icon": "^3.0.1",
18
+ "@nimbus-ds/icons": "^1.6.1",
19
+ "@nimbus-ds/skeleton": "^3.0.1",
20
+ "@nimbus-ds/text": "^6.3.1"
21
21
  },
22
22
  "peerDependencies": {
23
23
  "react": "^16.8 || ^17.0 || ^18.0",
@@ -32,7 +32,7 @@
32
32
  "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
33
33
  },
34
34
  "devDependencies": {
35
- "@nimbus-ds/box": "^4.1.0",
36
- "@nimbus-ds/webpack": "^1.4.0"
35
+ "@nimbus-ds/box": "^4.1.1",
36
+ "@nimbus-ds/webpack": "^1.5.0"
37
37
  }
38
38
  }