@nimbus-ds/components 1.0.0-rc.8 → 1.0.1
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 +6 -0
- package/README.md +2 -2
- package/dist/index.d.ts +16 -1
- package/dist/index.js +1 -1
- package/package.json +3 -4
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
This package is intended for internal use in generating builds of each design system package. It contains all the necessary settings and dependencies to optimize the creation of our builds.
|
|
4
4
|
|
|
5
|
+
## 2022-12-15 `1.0.1`
|
|
6
|
+
|
|
7
|
+
### 🐛 Bug fixes
|
|
8
|
+
|
|
9
|
+
- Fixed bug in the `textDecoration` property where the `none` option was not applied when the link contained the `href` property. ([#66](https://github.com/TiendaNube/nimbus-design-system/pull/66) by [@juniorconquista](https://github.com/juniorconquista))
|
|
10
|
+
|
|
5
11
|
## 2022-12-07 `1.0.0`
|
|
6
12
|
|
|
7
13
|
### 📚 3rd party library updates
|
package/README.md
CHANGED
|
@@ -9,9 +9,9 @@ Nimbus components is a component library built with [React](https://reactjs.org)
|
|
|
9
9
|
Install `@nimbus-ds/components` using any package manager.
|
|
10
10
|
|
|
11
11
|
```sh
|
|
12
|
-
$ yarn add @nimbus-ds/
|
|
12
|
+
$ yarn add @nimbus-ds/components
|
|
13
13
|
# or
|
|
14
|
-
$ npm install @nimbus-ds/
|
|
14
|
+
$ npm install @nimbus-ds/components
|
|
15
15
|
```
|
|
16
16
|
|
|
17
17
|
## 💻 Usage
|
package/dist/index.d.ts
CHANGED
|
@@ -44,6 +44,7 @@ export type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
|
|
|
44
44
|
export type JustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
|
|
45
45
|
export type AlignItems = "stretch" | "flex-start" | "flex-end" | "center" | "baseline";
|
|
46
46
|
export type TextAlign = "left" | "right" | "center" | "justify";
|
|
47
|
+
export type TextDecoration = "none" | "underline";
|
|
47
48
|
declare const propertiesBox: {
|
|
48
49
|
backgroundColor: {
|
|
49
50
|
"primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -458,6 +459,20 @@ export interface StackSprinkle {
|
|
|
458
459
|
gap?: StackGapProperties | Conditions<StackGapProperties>;
|
|
459
460
|
gridGap?: StackGridGapProperties | Conditions<StackGridGapProperties>;
|
|
460
461
|
}
|
|
462
|
+
declare const link: {
|
|
463
|
+
sprinkle: ((props: {
|
|
464
|
+
textDecoration?: TextDecoration | undefined;
|
|
465
|
+
}) => string) & {
|
|
466
|
+
properties: Set<"textDecoration">;
|
|
467
|
+
};
|
|
468
|
+
properties: {
|
|
469
|
+
textDecoration: TextDecoration[];
|
|
470
|
+
};
|
|
471
|
+
classnames: {
|
|
472
|
+
size: Record<"caption" | "base" | "highlight", string>;
|
|
473
|
+
appearance: Record<"primary" | "danger" | "neutral", string>;
|
|
474
|
+
};
|
|
475
|
+
};
|
|
461
476
|
declare const thumbnail: {
|
|
462
477
|
sprinkle: ((props: {
|
|
463
478
|
aspectRatio?: AspectRatio | undefined;
|
|
@@ -816,7 +831,7 @@ export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
|
816
831
|
/** Link appearance */
|
|
817
832
|
appearance?: "primary" | "danger" | "neutral";
|
|
818
833
|
/** Decoration for the link text */
|
|
819
|
-
textDecoration?:
|
|
834
|
+
textDecoration?: typeof link.properties.textDecoration[number];
|
|
820
835
|
/** Size of the link text */
|
|
821
836
|
size?: "caption" | "base" | "highlight";
|
|
822
837
|
}
|