@nimbus-ds/components 3.2.0 → 4.0.0-rc.2

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
  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: {
@@ -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
  };
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.2",
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
  }