@nimbus-ds/styles 8.0.0-rc.1 → 8.0.0

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 (10) hide show
  1. package/CHANGELOG.md +0 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +48 -41
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/dist/themes/dark.js +1 -1
  7. package/package.json +3 -4
  8. package/dist/components/index.css +0 -1
  9. package/dist/components/index.d.ts +0 -11
  10. package/dist/components/index.js +0 -1
package/dist/index.d.ts CHANGED
@@ -1,5 +1,12 @@
1
1
  // Generated by dts-bundle-generator v7.1.0
2
2
 
3
+ import React from 'react';
4
+ import { HTMLAttributes } from 'react';
5
+
6
+ export interface ThemeProviderProps extends HTMLAttributes<HTMLElement> {
7
+ theme?: "dark" | "base";
8
+ }
9
+ export declare const ThemeProvider: React.FC<ThemeProviderProps>;
3
10
  export declare const badge: {
4
11
  classnames: {
5
12
  surface: Record<"primary" | "success" | "warning" | "danger" | "neutral", string>;
@@ -555,27 +562,27 @@ export declare const box: {
555
562
  config: {
556
563
  display: {
557
564
  values: {
558
- flex: {
565
+ grid: {
559
566
  default: string;
560
567
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
561
568
  };
562
- grid: {
569
+ none: {
563
570
  default: string;
564
571
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
565
572
  };
566
- block: {
573
+ flex: {
567
574
  default: string;
568
575
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
569
576
  };
570
- "inline-flex": {
577
+ block: {
571
578
  default: string;
572
579
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
573
580
  };
574
- "inline-grid": {
581
+ "inline-flex": {
575
582
  default: string;
576
583
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
577
584
  };
578
- none: {
585
+ "inline-grid": {
579
586
  default: string;
580
587
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
581
588
  };
@@ -585,15 +592,15 @@ export declare const box: {
585
592
  };
586
593
  flexDirection: {
587
594
  values: {
588
- column: {
595
+ row: {
589
596
  default: string;
590
597
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
591
598
  };
592
- "column-reverse": {
599
+ column: {
593
600
  default: string;
594
601
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
595
602
  };
596
- row: {
603
+ "column-reverse": {
597
604
  default: string;
598
605
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
599
606
  };
@@ -711,23 +718,23 @@ export declare const box: {
711
718
  };
712
719
  pointerEvents: {
713
720
  values: {
714
- all: {
721
+ inherit: {
715
722
  default: string;
716
723
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
717
724
  };
718
- fill: {
725
+ none: {
719
726
  default: string;
720
727
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
721
728
  };
722
- stroke: {
729
+ all: {
723
730
  default: string;
724
731
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
725
732
  };
726
- inherit: {
733
+ fill: {
727
734
  default: string;
728
735
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
729
736
  };
730
- none: {
737
+ stroke: {
731
738
  default: string;
732
739
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
733
740
  };
@@ -761,11 +768,11 @@ export declare const box: {
761
768
  };
762
769
  borderStyle: {
763
770
  values: {
764
- none: {
771
+ hidden: {
765
772
  default: string;
766
773
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
767
774
  };
768
- hidden: {
775
+ none: {
769
776
  default: string;
770
777
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
771
778
  };
@@ -853,11 +860,11 @@ export declare const box: {
853
860
  };
854
861
  overflow: {
855
862
  values: {
856
- auto: {
863
+ hidden: {
857
864
  default: string;
858
865
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
859
866
  };
860
- hidden: {
867
+ auto: {
861
868
  default: string;
862
869
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
863
870
  };
@@ -875,11 +882,11 @@ export declare const box: {
875
882
  };
876
883
  overflowX: {
877
884
  values: {
878
- auto: {
885
+ hidden: {
879
886
  default: string;
880
887
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
881
888
  };
882
- hidden: {
889
+ auto: {
883
890
  default: string;
884
891
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
885
892
  };
@@ -897,11 +904,11 @@ export declare const box: {
897
904
  };
898
905
  overflowY: {
899
906
  values: {
900
- auto: {
907
+ hidden: {
901
908
  default: string;
902
909
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
903
910
  };
904
- hidden: {
911
+ auto: {
905
912
  default: string;
906
913
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
907
914
  };
@@ -2046,7 +2053,7 @@ export declare const chip: {
2046
2053
  export declare const fileUploader: {
2047
2054
  sprinkle: ((props: {
2048
2055
  aspectRatio?: "none" | AspectRatio | undefined;
2049
- flexDirection?: "column" | "row" | undefined;
2056
+ flexDirection?: "row" | "column" | undefined;
2050
2057
  cursor?: Cursor | undefined;
2051
2058
  }) => string) & {
2052
2059
  properties: Set<"aspectRatio" | "cursor" | "flexDirection">;
@@ -2540,11 +2547,11 @@ export declare const popover: {
2540
2547
  default: string;
2541
2548
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2542
2549
  };
2543
- none: {
2550
+ small: {
2544
2551
  default: string;
2545
2552
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2546
2553
  };
2547
- small: {
2554
+ none: {
2548
2555
  default: string;
2549
2556
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2550
2557
  };
@@ -2641,7 +2648,7 @@ export declare const popover: {
2641
2648
  } & {
2642
2649
  config: {
2643
2650
  [x: string]: {
2644
- mappings: ("width" | "backgroundColor" | "color" | "height" | "zIndex" | "padding")[];
2651
+ mappings: ("width" | "color" | "backgroundColor" | "height" | "zIndex" | "padding")[];
2645
2652
  };
2646
2653
  };
2647
2654
  }
@@ -2835,7 +2842,7 @@ export declare const alert: {
2835
2842
  export declare const card: {
2836
2843
  sprinkle: ((props: {
2837
2844
  backgroundColor?: "primary-surface" | "primary-surfaceHighlight" | "success-surface" | "success-surfaceHighlight" | "warning-surface" | "warning-surfaceHighlight" | "danger-surface" | "danger-surfaceHighlight" | "neutral-background" | "neutral-surface" | "neutral-surfaceHighlight" | undefined;
2838
- padding?: "base" | "none" | "small" | undefined;
2845
+ padding?: "base" | "small" | "none" | undefined;
2839
2846
  }) => string) & {
2840
2847
  properties: Set<"backgroundColor" | "padding">;
2841
2848
  };
@@ -2958,11 +2965,11 @@ declare const sidebarSprinkle: {
2958
2965
  default: string;
2959
2966
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2960
2967
  };
2961
- none: {
2968
+ small: {
2962
2969
  default: string;
2963
2970
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2964
2971
  };
2965
- small: {
2972
+ none: {
2966
2973
  default: string;
2967
2974
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2968
2975
  };
@@ -3045,11 +3052,11 @@ export declare const sidebar: {
3045
3052
  default: string;
3046
3053
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3047
3054
  };
3048
- none: {
3055
+ small: {
3049
3056
  default: string;
3050
3057
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3051
3058
  };
3052
- small: {
3059
+ none: {
3053
3060
  default: string;
3054
3061
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3055
3062
  };
@@ -3176,43 +3183,43 @@ export declare const table: {
3176
3183
  width: {
3177
3184
  dynamic: {
3178
3185
  default: string;
3179
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3186
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3180
3187
  };
3181
3188
  dynamicScale: true;
3182
3189
  name: "width";
3183
3190
  vars: {
3184
3191
  default: string;
3185
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3192
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3186
3193
  };
3187
3194
  };
3188
3195
  maxWidth: {
3189
3196
  dynamic: {
3190
3197
  default: string;
3191
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3198
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3192
3199
  };
3193
3200
  dynamicScale: true;
3194
3201
  name: "maxWidth";
3195
3202
  vars: {
3196
3203
  default: string;
3197
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3204
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3198
3205
  };
3199
3206
  };
3200
3207
  minWidth: {
3201
3208
  dynamic: {
3202
3209
  default: string;
3203
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3210
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3204
3211
  };
3205
3212
  dynamicScale: true;
3206
3213
  name: "minWidth";
3207
3214
  vars: {
3208
3215
  default: string;
3209
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3216
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3210
3217
  };
3211
3218
  };
3212
3219
  backgroundColor: {
3213
3220
  dynamic: {
3214
3221
  default: string;
3215
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3222
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3216
3223
  };
3217
3224
  dynamicScale: {
3218
3225
  transparent: string;
@@ -3225,13 +3232,13 @@ export declare const table: {
3225
3232
  name: "backgroundColor";
3226
3233
  vars: {
3227
3234
  default: string;
3228
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3235
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3229
3236
  };
3230
3237
  };
3231
3238
  padding: {
3232
3239
  dynamic: {
3233
3240
  default: string;
3234
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3241
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3235
3242
  };
3236
3243
  dynamicScale: {
3237
3244
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3241,7 +3248,7 @@ export declare const table: {
3241
3248
  name: "padding";
3242
3249
  vars: {
3243
3250
  default: string;
3244
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3251
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3245
3252
  };
3246
3253
  };
3247
3254
  };