@nimbus-ds/components 3.2.0 → 4.0.0-rc.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.
Files changed (3) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.d.ts +20 -17
  3. package/package.json +3 -2
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
+ ## 2023-04-03 `4.0.0`
6
+
7
+ #### 🛠 Breaking changes
8
+
9
+ - Refactored shadow tokens in components. ([#137](https://github.com/TiendaNube/nimbus-design-system/pull/137) by [@juniorconquista](https://github.com/juniorconquista))
10
+
5
11
  ## 2023-03-31 `3.2.0`
6
12
 
7
13
  ### 🎉 New features
package/dist/index.d.ts CHANGED
@@ -261,9 +261,12 @@ declare const propertiesBox: {
261
261
  overflowX: Overflow[];
262
262
  overflowY: Overflow[];
263
263
  boxShadow: {
264
- card: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
- popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
266
- modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
+ "level-0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
+ "level-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
266
+ "level-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
+ "level-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
+ "level-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
269
+ "level-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
270
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
271
  };
269
272
  transitionDuration: {
@@ -622,7 +625,7 @@ export interface BoxSprinkle {
622
625
  declare const fileUploader: {
623
626
  sprinkle: ((props: {
624
627
  aspectRatio?: "none" | AspectRatio | undefined;
625
- flexDirection?: "row" | "column" | undefined;
628
+ flexDirection?: "column" | "row" | undefined;
626
629
  cursor?: Cursor | undefined;
627
630
  }) => string) & {
628
631
  properties: Set<"aspectRatio" | "cursor" | "flexDirection">;
@@ -647,7 +650,7 @@ declare const fileUploader: {
647
650
  };
648
651
  declare const icon: {
649
652
  sprinkle: ((props: {
650
- color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
653
+ color?: "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-interactive" | "success-textLow" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "currentColor" | undefined;
651
654
  cursor?: Cursor | undefined;
652
655
  }) => string) & {
653
656
  properties: Set<"color" | "cursor">;
@@ -727,7 +730,7 @@ export interface IconButtonSprinkle {
727
730
  }
728
731
  declare const text: {
729
732
  sprinkle: ((props: {
730
- color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
733
+ color?: "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-interactive" | "success-textLow" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "currentColor" | undefined;
731
734
  textAlign?: TextAlign | undefined;
732
735
  lineHeight?: "caption" | "base" | "highlight" | undefined;
733
736
  fontWeight?: "regular" | "medium" | "bold" | undefined;
@@ -784,11 +787,11 @@ declare const text: {
784
787
  };
785
788
  declare const title: {
786
789
  sprinkle: ((props: {
787
- color?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
790
+ color?: "primary-textLow" | "primary-textHigh" | "success-textLow" | "success-textHigh" | "warning-textLow" | "warning-textHigh" | "danger-textLow" | "danger-textHigh" | "neutral-textLow" | "neutral-textHigh" | undefined;
788
791
  textAlign?: TextAlign | undefined;
789
- fontSize?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "0,5" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "1,5" | "2,5" | "3" | "3,5" | "4,5" | "5" | "7" | "9" | "11" | undefined;
792
+ fontSize?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "9" | "11" | undefined;
790
793
  fontWeight?: "regular" | "medium" | "bold" | undefined;
791
- lineHeight?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "0,5" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "1,5" | "2,5" | "3" | "3,5" | "4,5" | "5" | "7" | "9" | "11" | undefined;
794
+ lineHeight?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "9" | "11" | undefined;
792
795
  }) => string) & {
793
796
  properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
794
797
  };
@@ -936,7 +939,7 @@ export interface PopoverSprinkle {
936
939
  }
937
940
  declare const spinner: {
938
941
  sprinkle: ((props: {
939
- color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | undefined;
942
+ color?: "primary-surface" | "primary-interactive" | "primary-textLow" | "success-surface" | "success-interactive" | "success-textLow" | "danger-surface" | "danger-interactive" | "danger-textLow" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textLow" | "currentColor" | undefined;
940
943
  }) => string) & {
941
944
  properties: Set<"color">;
942
945
  };
@@ -1033,7 +1036,7 @@ declare const accordion: {
1033
1036
  declare const card: {
1034
1037
  sprinkle: ((props: {
1035
1038
  backgroundColor?: "primary-surface" | "primary-surfaceHighlight" | "success-surface" | "success-surfaceHighlight" | "warning-surface" | "warning-surfaceHighlight" | "danger-surface" | "danger-surfaceHighlight" | "neutral-background" | "neutral-surface" | "neutral-surfaceHighlight" | undefined;
1036
- padding?: "base" | "small" | "none" | undefined;
1039
+ padding?: "base" | "none" | "small" | undefined;
1037
1040
  }) => string) & {
1038
1041
  properties: Set<"backgroundColor" | "padding">;
1039
1042
  };
@@ -1151,11 +1154,11 @@ declare const sidebarSprinkle: {
1151
1154
  default: string;
1152
1155
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
1153
1156
  };
1154
- small: {
1157
+ none: {
1155
1158
  default: string;
1156
1159
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
1157
1160
  };
1158
- none: {
1161
+ small: {
1159
1162
  default: string;
1160
1163
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
1161
1164
  };
@@ -1238,11 +1241,11 @@ declare const sidebar: {
1238
1241
  default: string;
1239
1242
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
1240
1243
  };
1241
- small: {
1244
+ none: {
1242
1245
  default: string;
1243
1246
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
1244
1247
  };
1245
- none: {
1248
+ small: {
1246
1249
  default: string;
1247
1250
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
1248
1251
  };
@@ -1386,7 +1389,7 @@ export interface ButtonProperties {
1386
1389
  disabled?: boolean;
1387
1390
  }
1388
1391
  export type ButtonBaseProps = ButtonProperties & ButtonHTMLAttributes<HTMLButtonElement>;
1389
- export declare const Button: PolymorphicForwardRefComponent<"a" | "button", ButtonBaseProps> & ButtonComponents;
1392
+ export declare const Button: PolymorphicForwardRefComponent<"button" | "a", ButtonBaseProps> & ButtonComponents;
1390
1393
  export type ButtonProps = ComponentPropsWithRef<typeof Button>;
1391
1394
  export type CheckboxSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "data-testid">>;
1392
1395
  export type CheckboxSkeletonProps = CheckboxSkeletonProperties;
@@ -1651,7 +1654,7 @@ export interface LinkProperties {
1651
1654
  lineHeight?: keyof typeof link.properties.lineHeight;
1652
1655
  }
1653
1656
  export type LinkBaseProps = LinkProperties & HTMLAttributes<HTMLElement>;
1654
- export declare const Link: PolymorphicForwardRefComponent<"a" | "button", LinkBaseProps> & LinkComponents;
1657
+ export declare const Link: PolymorphicForwardRefComponent<"button" | "a", LinkBaseProps> & LinkComponents;
1655
1658
  export type LinkProps = ComponentPropsWithRef<typeof Link>;
1656
1659
  export type ListSkeletonItemProperties = Partial<Pick<SkeletonProps, "width">> & Partial<Pick<SkeletonProps, "height">> & {
1657
1660
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/components",
3
- "version": "3.2.0",
3
+ "version": "4.0.0-rc.1",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -31,5 +31,6 @@
31
31
  },
32
32
  "devDependencies": {
33
33
  "@nimbus-ds/webpack": "^1.1.0"
34
- }
34
+ },
35
+ "stableVersion": "3.2.0"
35
36
  }