@nimbus-ds/styles 8.2.0 → 8.3.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 (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +259 -38
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +2 -2
package/dist/index.d.ts CHANGED
@@ -2280,10 +2280,7 @@ declare const propertiesText: {
2280
2280
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2281
2281
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2282
2282
  "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2283
- "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
2284
- * The color property is used to set the color of the text.
2285
- * @default neutral-textLow
2286
- */
2283
+ "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2287
2284
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2288
2285
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2289
2286
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2351,42 +2348,265 @@ export interface TextSprinkle {
2351
2348
  * @default neutral-textLow
2352
2349
  */
2353
2350
  color?: TextColorProperties | TextConditions<TextColorProperties>;
2351
+ /**
2352
+ * The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
2353
+ */
2354
+ lineClamp?: number | TextConditions<number>;
2355
+ /**
2356
+ * The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
2357
+ */
2358
+ WebkitLineClamp?: number | TextConditions<number>;
2354
2359
  }
2355
2360
  export declare const text: {
2356
- sprinkle: ((props: {
2357
- 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" | {
2358
- xs?: "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;
2359
- md?: "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;
2360
- lg?: "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;
2361
- xl?: "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;
2362
- }) | undefined;
2363
- textAlign?: (TextAlign | {
2364
- xs?: TextAlign | undefined;
2365
- md?: TextAlign | undefined;
2366
- lg?: TextAlign | undefined;
2367
- xl?: TextAlign | undefined;
2368
- }) | undefined;
2369
- lineHeight?: ("caption" | "base" | "highlight" | {
2370
- xs?: "caption" | "base" | "highlight" | undefined;
2371
- md?: "caption" | "base" | "highlight" | undefined;
2372
- lg?: "caption" | "base" | "highlight" | undefined;
2373
- xl?: "caption" | "base" | "highlight" | undefined;
2374
- }) | undefined;
2375
- fontWeight?: ("regular" | "medium" | "bold" | {
2376
- xs?: "regular" | "medium" | "bold" | undefined;
2377
- md?: "regular" | "medium" | "bold" | undefined;
2378
- lg?: "regular" | "medium" | "bold" | undefined;
2379
- xl?: "regular" | "medium" | "bold" | undefined;
2380
- }) | undefined;
2381
- fontSize?: ("caption" | "base" | "highlight" | {
2382
- xs?: "caption" | "base" | "highlight" | undefined;
2383
- md?: "caption" | "base" | "highlight" | undefined;
2384
- lg?: "caption" | "base" | "highlight" | undefined;
2385
- xl?: "caption" | "base" | "highlight" | undefined;
2386
- }) | undefined;
2387
- }) => string) & {
2388
- properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
2389
- };
2361
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
2362
+ {
2363
+ config: {
2364
+ color: {
2365
+ values: {
2366
+ "primary-surface": {
2367
+ default: string;
2368
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2369
+ };
2370
+ "primary-interactive": {
2371
+ default: string;
2372
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2373
+ };
2374
+ "primary-textLow": {
2375
+ default: string;
2376
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2377
+ };
2378
+ "primary-textHigh": {
2379
+ default: string;
2380
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2381
+ };
2382
+ "success-surface": {
2383
+ default: string;
2384
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2385
+ };
2386
+ "success-interactive": {
2387
+ default: string;
2388
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2389
+ };
2390
+ "success-textLow": {
2391
+ default: string;
2392
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2393
+ };
2394
+ "success-textHigh": {
2395
+ default: string;
2396
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2397
+ };
2398
+ "warning-surface": {
2399
+ default: string;
2400
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2401
+ };
2402
+ "warning-interactive": {
2403
+ default: string;
2404
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2405
+ };
2406
+ "warning-textLow": {
2407
+ default: string;
2408
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2409
+ };
2410
+ "warning-textHigh": {
2411
+ default: string;
2412
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2413
+ };
2414
+ "danger-surface": {
2415
+ default: string;
2416
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2417
+ };
2418
+ "danger-interactive": {
2419
+ default: string;
2420
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2421
+ };
2422
+ "danger-textLow": {
2423
+ default: string;
2424
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2425
+ };
2426
+ "danger-textHigh": {
2427
+ default: string;
2428
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2429
+ };
2430
+ "neutral-background": {
2431
+ default: string;
2432
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2433
+ };
2434
+ "neutral-surface": {
2435
+ default: string;
2436
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2437
+ };
2438
+ "neutral-interactive": {
2439
+ default: string;
2440
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2441
+ };
2442
+ "neutral-textDisabled": {
2443
+ default: string;
2444
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2445
+ };
2446
+ "neutral-textLow": {
2447
+ default: string;
2448
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2449
+ };
2450
+ "neutral-textHigh": {
2451
+ default: string;
2452
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2453
+ };
2454
+ currentColor: {
2455
+ default: string;
2456
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2457
+ };
2458
+ };
2459
+ staticScale: {
2460
+ currentColor: string;
2461
+ "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2462
+ "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2463
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2464
+ "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2465
+ "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2466
+ "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2467
+ "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2468
+ "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2469
+ "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2470
+ "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2471
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2472
+ "warning-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2473
+ "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2474
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2475
+ "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2476
+ "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2477
+ "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2478
+ "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2479
+ "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2480
+ "neutral-textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2481
+ "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2482
+ "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2483
+ };
2484
+ name: "color";
2485
+ };
2486
+ textAlign: {
2487
+ values: {
2488
+ left: {
2489
+ default: string;
2490
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2491
+ };
2492
+ right: {
2493
+ default: string;
2494
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2495
+ };
2496
+ center: {
2497
+ default: string;
2498
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2499
+ };
2500
+ justify: {
2501
+ default: string;
2502
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2503
+ };
2504
+ };
2505
+ staticScale: TextAlign[];
2506
+ name: "textAlign";
2507
+ };
2508
+ lineHeight: {
2509
+ values: {
2510
+ caption: {
2511
+ default: string;
2512
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2513
+ };
2514
+ base: {
2515
+ default: string;
2516
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2517
+ };
2518
+ highlight: {
2519
+ default: string;
2520
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2521
+ };
2522
+ };
2523
+ staticScale: {
2524
+ readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2525
+ readonly base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2526
+ readonly highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2527
+ };
2528
+ name: "lineHeight";
2529
+ };
2530
+ fontWeight: {
2531
+ values: {
2532
+ regular: {
2533
+ default: string;
2534
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2535
+ };
2536
+ medium: {
2537
+ default: string;
2538
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2539
+ };
2540
+ bold: {
2541
+ default: string;
2542
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2543
+ };
2544
+ };
2545
+ staticScale: {
2546
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2547
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2548
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2549
+ };
2550
+ name: "fontWeight";
2551
+ };
2552
+ fontSize: {
2553
+ values: {
2554
+ caption: {
2555
+ default: string;
2556
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2557
+ };
2558
+ base: {
2559
+ default: string;
2560
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2561
+ };
2562
+ highlight: {
2563
+ default: string;
2564
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2565
+ };
2566
+ };
2567
+ staticScale: {
2568
+ caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2569
+ base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2570
+ highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2571
+ };
2572
+ name: "fontSize";
2573
+ };
2574
+ };
2575
+ } & {
2576
+ config: {
2577
+ lineClamp: {
2578
+ dynamic: {
2579
+ default: string;
2580
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2581
+ };
2582
+ dynamicScale: true;
2583
+ name: "lineClamp";
2584
+ vars: {
2585
+ default: string;
2586
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2587
+ };
2588
+ };
2589
+ WebkitLineClamp: {
2590
+ dynamic: {
2591
+ default: string;
2592
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2593
+ };
2594
+ dynamicScale: boolean;
2595
+ name: "WebkitLineClamp";
2596
+ vars: {
2597
+ default: string;
2598
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2599
+ };
2600
+ };
2601
+ };
2602
+ } & {
2603
+ config: {
2604
+ [x: string]: {
2605
+ mappings: ("fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign" | "lineClamp" | "WebkitLineClamp")[];
2606
+ };
2607
+ };
2608
+ }
2609
+ ]>;
2390
2610
  properties: {
2391
2611
  color: {
2392
2612
  currentColor: string;
@@ -2432,6 +2652,7 @@ export declare const text: {
2432
2652
  };
2433
2653
  classnames: {
2434
2654
  base: string;
2655
+ trim: string;
2435
2656
  };
2436
2657
  };
2437
2658
  declare const propertiesTitle: {