@nimbus-ds/tag 2.4.0-rc.4 → 2.4.0-rc.6

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.
Files changed (3) hide show
  1. package/dist/CHANGELOG.md +89 -0
  2. package/dist/README.md +57 -0
  3. package/package.json +5 -5
package/dist/CHANGELOG.md ADDED
@@ -0,0 +1,89 @@
1
+ # Changelog
2
+
3
+ The Tag component is used to categorize information, organize or indicate the status of elements or components using keywords, icons or colors.
4
+
5
+ ## 2023-03-13 `2.3.0`
6
+
7
+ ### 💡 Others
8
+
9
+ - Refactored style classes to have more semantic names. ([#110](https://github.com/TiendaNube/nimbus-design-system/pull/110) by [@juniorconquista](https://github.com/juniorconquista))
10
+
11
+ ## 2023-02-24 `2.2.1`
12
+
13
+ ### 💡 Others
14
+
15
+ - Adjust `fontSize` and `lineHeight` properties in `Text` component on stories documentation. ([#106](https://github.com/TiendaNube/nimbus-design-system/pull/106) by [@juanchigallego](https://github.com/juanchigallego))
16
+
17
+ ## 2023-02-23 `2.2.0`
18
+
19
+ ### 🎉 New features
20
+
21
+ - Added server side-rendering support to component. ([#105](https://github.com/TiendaNube/nimbus-design-system/pull/105) by [@juniorconquista](https://github.com/juniorconquista))
22
+
23
+ ## 2023-02-16 `2.1.0`
24
+
25
+ ### 🎉 New features
26
+
27
+ - 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))
28
+
29
+ ### 📚 3rd party library updates
30
+
31
+ - Removed `@tiendanube/icons@0.3.1`. ([#94](https://github.com/TiendaNube/nimbus-design-system/pull/#94) by [@juniorconquista](https://github.com/juniorconquista))
32
+
33
+ ## 2022-12-22 `2.0.0`
34
+
35
+ ### 💡 Others
36
+
37
+ - 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))
38
+
39
+ ## 2022-12-07 `1.4.0`
40
+
41
+ ### 🎉 New features
42
+
43
+ - 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))
44
+
45
+ ### 📚 3rd party library updates
46
+
47
+ - Removed `terser-webpack-plugin@5.3.5`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
48
+ - Removed `ts-loader@9.3.1`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
49
+ - Removed `webpack-cli@4.10.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
50
+ - Removed `webpack@5.74.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
51
+ - Removed `typescript@4.7.4`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
52
+
53
+ ## 2022-11-18 `1.3.0`
54
+
55
+ ### 📚 3rd party library updates
56
+
57
+ - Updated `@tiendanube/icons@0.3.1`. ([#57](https://github.com/TiendaNube/nimbus-design-system/pull/#57) by [@juniorconquista](https://github.com/juniorconquista))
58
+
59
+ ## 2022-11-02 `1.2.0`
60
+
61
+ ### 🎉 New features
62
+
63
+ - Added displayName to component `Tag.Skeleton`. ([#52](https://github.com/TiendaNube/nimbus-design-system/pull/52) by [@juniorconquista](https://github.com/juniorconquista))
64
+
65
+ ## 2022-09-01 `1.1.0`
66
+
67
+ ### 📚 3rd party library updates
68
+
69
+ - Removed `@vanilla-extract/webpack-plugin@2.1.11`. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
70
+ - Added `@tiendanube/icons@0.2.7`. ([#21](https://github.com/TiendaNube/nimbus-design-system/pull/21) by [@juniorconquista](https://github.com/juniorconquista))
71
+
72
+ ## 2022-08-24 `1.0.0`
73
+
74
+ ### 📚 3rd party library updates
75
+
76
+ - Added `@vanilla-extract/webpack-plugin@2.1.11`. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
77
+ - Added `terser-webpack-plugin@5.3.5`. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
78
+ - Added `ts-loader@9.3.1`. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
79
+ - Added `typescript@4.7.4`. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
80
+ - Added `webpack@5.74.0`. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
81
+ - Added `webpack-cli@4.10.0`. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
82
+
83
+ ### 🎉 New features
84
+
85
+ - Added `children` and `appearance` properties to the Component. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
86
+ - Added stories on Component. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
87
+ - Created new `Tag.Skeleton` subcomponent. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
88
+ - Added `width` and `height` properties to the Component `Tag.Skeleton`. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
89
+ - Added stories on Component `Tag.Skeleton`. ([#17](https://github.com/TiendaNube/nimbus-design-system/pull/17) by [@juniorconquista](https://github.com/juniorconquista))
package/dist/README.md ADDED
@@ -0,0 +1,57 @@
1
+ # `@nimbus-ds/tag`
2
+
3
+ [![@nimbus-ds/tag](https://img.shields.io/npm/v/@nimbus-ds/tag?label=%40nimbus-ds%2Ftag)](https://www.npmjs.com/package/@nimbus-ds/tag)
4
+
5
+ The Tag component is used to categorize information, organize or indicate the status of elements or components using keywords, icons or colors.
6
+
7
+ ## Implementation
8
+
9
+ **Install** the component via terminal.
10
+
11
+ ```bash
12
+ $ yarn add @nimbus-ds/tag
13
+ # or
14
+ $ npm install @nimbus-ds/tag
15
+ ```
16
+
17
+ ## Component Anatomy
18
+
19
+ The component is composed of stylized text that consumes our tokens, in addition to an icon and a colored shape, the latter two are optional and cannot be used at the same time.
20
+
21
+ ## Guidelines
22
+
23
+ The Component tag has 3 configuration possibilities that can be used according to the need.
24
+
25
+ - Text only;
26
+ - Icon with text;
27
+ - Color with text.
28
+
29
+ In addition, it has 5 variants that must be used taking into account the message we want to communicate.
30
+
31
+ ### Default
32
+
33
+ This variant is used to highlight relevant but neutral information, that is, information that is not associated with a positive context, of success, error or danger.
34
+
35
+ ### Primary and Success
36
+
37
+ These variants are used to highlight relevant information, which are associated with a positive or successful context, respectively.
38
+
39
+ ### Warning and Danger
40
+
41
+ These variants are used to highlight relevant information, which are associated with a risk or error context respectively.
42
+ Variants can be combined in the same context to help quickly read the status of different elements or information.
43
+
44
+ ## Usage recommendations
45
+
46
+ We use the Tag component to help the user understand the state of different elements, categorizing them through variants and using their elements to support this communication.
47
+
48
+ ## Related components
49
+
50
+ Chip Component - Used to categorize data within a filter or search result.
51
+ Badge Component - Used to highlight item quantities within a section or list.
52
+
53
+ ## Usage
54
+
55
+ View docs [here](https://nimbus.nuvemshop.com.br/documentation/atomic-components/tag).
56
+
57
+ <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/tag",
3
- "version": "2.4.0-rc.4",
3
+ "version": "2.4.0-rc.6",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -14,7 +14,7 @@
14
14
  "version": "yarn version"
15
15
  },
16
16
  "dependencies": {
17
- "@nimbus-ds/skeleton": "^3.1.0-rc.4"
17
+ "@nimbus-ds/skeleton": "^3.1.0-rc.6"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "react": "^16.8 || ^17.0 || ^18.0",
@@ -29,9 +29,9 @@
29
29
  "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
30
30
  },
31
31
  "devDependencies": {
32
- "@nimbus-ds/icons": "^1.7.0-rc.1",
33
- "@nimbus-ds/text": "^6.4.0-rc.4",
34
- "@nimbus-ds/webpack": "^1.4.1-rc.1"
32
+ "@nimbus-ds/icons": "^1.7.0-rc.3",
33
+ "@nimbus-ds/text": "^6.4.0-rc.6",
34
+ "@nimbus-ds/webpack": "^1.5.0-rc.2"
35
35
  },
36
36
  "stableVersion": "2.3.0"
37
37
  }