@nimbus-ds/styles 9.26.0 → 9.27.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 (13) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/CHANGELOG.md +13 -0
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +29 -10
  5. package/dist/index.js +1 -1
  6. package/dist/styles.css +1 -1
  7. package/dist/themes/dark/index.js +1 -1
  8. package/dist/themes/dark.css +1 -1
  9. package/dist/themes/next/index.js +1 -1
  10. package/dist/themes/next-dark/index.js +1 -1
  11. package/dist/themes/next-dark.css +1 -1
  12. package/dist/themes/next.css +1 -1
  13. package/package.json +2 -2
package/dist/index.d.ts CHANGED
@@ -140,18 +140,20 @@ declare const propertiesBox: {
140
140
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
141
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
142
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
144
+ * The min height property specifies the height of a box's content area.
145
+ */
144
146
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
147
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
148
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
149
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
150
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
- "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
150
- * The right property participates in specifying the horizontal position of a positioned box.
151
- */
151
+ "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
152
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
153
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
154
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
+ "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
157
  transparent: string;
156
158
  };
157
159
  background: {
@@ -173,18 +175,20 @@ declare const propertiesBox: {
173
175
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
176
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
177
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
179
+ * The min height property specifies the height of a box's content area.
180
+ */
177
181
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
182
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
183
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
184
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
185
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
- "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
183
- * The right property participates in specifying the horizontal position of a positioned box.
184
- */
186
+ "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
187
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
188
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
189
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
+ "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
+ "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
192
  transparent: string;
189
193
  };
190
194
  borderColor: {
@@ -1890,6 +1894,8 @@ export declare const box: {
1890
1894
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1891
1895
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1892
1896
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1897
+ "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1898
+ "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1893
1899
  transparent: string;
1894
1900
  };
1895
1901
  name: "backgroundColor";
@@ -2522,6 +2528,8 @@ export declare const box: {
2522
2528
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2523
2529
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2524
2530
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2531
+ "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2532
+ "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2525
2533
  transparent: string;
2526
2534
  };
2527
2535
  name: "color";
@@ -2706,6 +2714,8 @@ export declare const box: {
2706
2714
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2707
2715
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2708
2716
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2717
+ "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2718
+ "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2709
2719
  transparent: string;
2710
2720
  };
2711
2721
  background: {
@@ -2737,6 +2747,8 @@ export declare const box: {
2737
2747
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2738
2748
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2739
2749
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2750
+ "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2751
+ "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2740
2752
  transparent: string;
2741
2753
  };
2742
2754
  borderColor: {
@@ -2933,7 +2945,7 @@ export declare const box: {
2933
2945
  export declare const button: {
2934
2946
  classnames: {
2935
2947
  fullWidth: string;
2936
- appearance: Record<"primary" | "danger" | "neutral" | "transparent", string>;
2948
+ appearance: Record<"primary" | "danger" | "neutral" | "transparent" | "ai-primary" | "ai-secondary", string>;
2937
2949
  };
2938
2950
  };
2939
2951
  export declare const checkbox: {
@@ -3038,6 +3050,7 @@ declare const propertiesIconButton: {
3038
3050
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3039
3051
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3040
3052
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3053
+ "ai-generativeSurface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3041
3054
  };
3042
3055
  borderColor: {
3043
3056
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3047,6 +3060,7 @@ declare const propertiesIconButton: {
3047
3060
  transparent: string;
3048
3061
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3049
3062
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3063
+ "ai-generativeSurface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3050
3064
  };
3051
3065
  };
3052
3066
  export type IconButtonBackgroundColorProperties = keyof typeof propertiesIconButton.backgroundColor;
@@ -3089,6 +3103,7 @@ export declare const iconButton: {
3089
3103
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3090
3104
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3091
3105
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3106
+ "ai-generativeSurface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3092
3107
  };
3093
3108
  name: "backgroundColor";
3094
3109
  vars: {
@@ -3109,6 +3124,7 @@ export declare const iconButton: {
3109
3124
  transparent: string;
3110
3125
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3111
3126
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3127
+ "ai-generativeSurface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3112
3128
  };
3113
3129
  name: "borderColor";
3114
3130
  vars: {
@@ -3155,6 +3171,7 @@ export declare const iconButton: {
3155
3171
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3156
3172
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3157
3173
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3174
+ "ai-generativeSurface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3158
3175
  };
3159
3176
  borderColor: {
3160
3177
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3164,10 +3181,12 @@ export declare const iconButton: {
3164
3181
  transparent: string;
3165
3182
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3166
3183
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3184
+ "ai-generativeSurface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3167
3185
  };
3168
3186
  };
3169
3187
  classnames: {
3170
3188
  base: string;
3189
+ appearance: Record<"ai-generative", string>;
3171
3190
  };
3172
3191
  };
3173
3192
  export declare const input: {
@@ -3175,7 +3194,7 @@ export declare const input: {
3175
3194
  input: string;
3176
3195
  container: string;
3177
3196
  container__icon: string;
3178
- container__icon_append: Record<"start" | "end", string>;
3197
+ container__icon_append: Record<"end" | "start", string>;
3179
3198
  container__button: string;
3180
3199
  appearance: Record<"success" | "warning" | "danger" | "neutral" | "ai-generative", string>;
3181
3200
  aiGenerated: string;