@tokenami/ds 0.0.73 → 0.0.75

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/README.md +19 -5
  2. package/dist/index.cjs +252 -150
  3. package/dist/index.d.cts +246 -150
  4. package/dist/index.d.ts +246 -150
  5. package/dist/index.js +252 -150
  6. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -144,7 +144,7 @@ declare const _default: {
144
144
  '::-webkit-inner-spin-button, ::-webkit-outer-spin-button': {
145
145
  height: "auto";
146
146
  };
147
- '::webkit-search-decoration': {
147
+ '::-webkit-search-decoration': {
148
148
  WebkitAppearance: "none";
149
149
  };
150
150
  summary: {
@@ -2501,29 +2501,6 @@ declare const _default: {
2501
2501
  };
2502
2502
  };
2503
2503
  root: {
2504
- alpha: {
2505
- '0': number;
2506
- '5': number;
2507
- '10': number;
2508
- '15': number;
2509
- '20': number;
2510
- '25': number;
2511
- '30': number;
2512
- '35': number;
2513
- '40': number;
2514
- '45': number;
2515
- '50': number;
2516
- '55': number;
2517
- '60': number;
2518
- '65': number;
2519
- '70': number;
2520
- '75': number;
2521
- '80': number;
2522
- '85': number;
2523
- '90': number;
2524
- '95': number;
2525
- '100': number;
2526
- };
2527
2504
  anim: {
2528
2505
  none: string;
2529
2506
  spin: string;
@@ -2548,6 +2525,11 @@ declare const _default: {
2548
2525
  '6xl': `${number}rem`;
2549
2526
  '7xl': `${number}rem`;
2550
2527
  };
2528
+ 'color-space': {
2529
+ srgb: string;
2530
+ oklch: string;
2531
+ oklab: string;
2532
+ };
2551
2533
  'drop-shadow': {
2552
2534
  xs: string;
2553
2535
  sm: string;
@@ -3190,22 +3172,14 @@ declare const _default: {
3190
3172
  mono: string;
3191
3173
  };
3192
3174
  gradient: {
3193
- 'to-t': "linear-gradient(to top in srgb, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3194
- 'to-tr': "linear-gradient(to top right in srgb, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3195
- 'to-r': "linear-gradient(to right in srgb, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3196
- 'to-br': "linear-gradient(to bottom right in srgb, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3197
- 'to-b': "linear-gradient(to bottom in srgb, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3198
- 'to-bl': "linear-gradient(to bottom left in srgb, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3199
- 'to-l': "linear-gradient(to left in srgb, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3200
- 'to-tl': "linear-gradient(to top left in srgb, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3201
- 'hd-to-t': "linear-gradient(to top in oklch, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3202
- 'hd-to-tr': "linear-gradient(to top right in oklch, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3203
- 'hd-to-r': "linear-gradient(to right in oklch, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3204
- 'hd-to-br': "linear-gradient(to bottom right in oklch, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3205
- 'hd-to-b': "linear-gradient(to bottom in oklch, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3206
- 'hd-to-bl': "linear-gradient(to bottom left in oklch, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3207
- 'hd-to-l': "linear-gradient(to left in oklch, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3208
- 'hd-to-tl': "linear-gradient(to top left in oklch, var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3175
+ 'to-t': "linear-gradient(to top in var(--color-space, srgb), var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3176
+ 'to-tr': "linear-gradient(to top right in var(--color-space, srgb), var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3177
+ 'to-r': "linear-gradient(to right in var(--color-space, srgb), var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3178
+ 'to-br': "linear-gradient(to bottom right in var(--color-space, srgb), var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3179
+ 'to-b': "linear-gradient(to bottom in var(--color-space, srgb), var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3180
+ 'to-bl': "linear-gradient(to bottom left in var(--color-space, srgb), var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3181
+ 'to-l': "linear-gradient(to left in var(--color-space, srgb), var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3182
+ 'to-tl': "linear-gradient(to top left in var(--color-space, srgb), var(--gradient-from) var(--gradient-from-stop,/**/), var(---via, var(--gradient-to) var(--gradient-to-stop,/**/)));\n ---via: var(--gradient-via) var(--gradient-via-stop,/**/), var(--gradient-to)";
3209
3183
  };
3210
3184
  space: {
3211
3185
  '0': number;
@@ -3264,6 +3238,91 @@ declare const _default: {
3264
3238
  relaxed: number;
3265
3239
  loose: number;
3266
3240
  };
3241
+ mix: {
3242
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-color) calc(var(--mix-percent) * 1%), transparent)";
3243
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-color), #fff calc(var(--mix-percent) * 1%))";
3244
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-color), #000 calc(var(--mix-percent) * 1%))";
3245
+ };
3246
+ 'mix-accent': {
3247
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-accent-color) calc(var(--mix-accent-percent) * 1%), transparent)";
3248
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-accent-color), #fff calc(var(--mix-accent-percent) * 1%))";
3249
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-accent-color), #000 calc(var(--mix-accent-percent) * 1%))";
3250
+ };
3251
+ 'mix-bg': {
3252
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-bg-color) calc(var(--mix-bg-percent) * 1%), transparent)";
3253
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-bg-color), #fff calc(var(--mix-bg-percent) * 1%))";
3254
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-bg-color), #000 calc(var(--mix-bg-percent) * 1%))";
3255
+ };
3256
+ 'mix-border': {
3257
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-border-color) calc(var(--mix-border-percent) * 1%), transparent)";
3258
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-border-color), #fff calc(var(--mix-border-percent) * 1%))";
3259
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-border-color), #000 calc(var(--mix-border-percent) * 1%))";
3260
+ };
3261
+ 'mix-border-top': {
3262
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-border-top-color) calc(var(--mix-border-top-percent) * 1%), transparent)";
3263
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-border-top-color), #fff calc(var(--mix-border-top-percent) * 1%))";
3264
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-border-top-color), #000 calc(var(--mix-border-top-percent) * 1%))";
3265
+ };
3266
+ 'mix-border-right': {
3267
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-border-right-color) calc(var(--mix-border-right-percent) * 1%), transparent)";
3268
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-border-right-color), #fff calc(var(--mix-border-right-percent) * 1%))";
3269
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-border-right-color), #000 calc(var(--mix-border-right-percent) * 1%))";
3270
+ };
3271
+ 'mix-border-bottom': {
3272
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-border-bottom-color) calc(var(--mix-border-bottom-percent) * 1%), transparent)";
3273
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-border-bottom-color), #fff calc(var(--mix-border-bottom-percent) * 1%))";
3274
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-border-bottom-color), #000 calc(var(--mix-border-bottom-percent) * 1%))";
3275
+ };
3276
+ 'mix-border-left': {
3277
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-border-left-color) calc(var(--mix-border-left-percent) * 1%), transparent)";
3278
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-border-left-color), #fff calc(var(--mix-border-left-percent) * 1%))";
3279
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-border-left-color), #000 calc(var(--mix-border-left-percent) * 1%))";
3280
+ };
3281
+ 'mix-border-x': {
3282
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-border-x-color) calc(var(--mix-border-x-percent) * 1%), transparent)";
3283
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-border-x-color), #fff calc(var(--mix-border-x-percent) * 1%))";
3284
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-border-x-color), #000 calc(var(--mix-border-x-percent) * 1%))";
3285
+ };
3286
+ 'mix-border-y': {
3287
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-border-y-color) calc(var(--mix-border-y-percent) * 1%), transparent)";
3288
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-border-y-color), #fff calc(var(--mix-border-y-percent) * 1%))";
3289
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-border-y-color), #000 calc(var(--mix-border-y-percent) * 1%))";
3290
+ };
3291
+ 'mix-caret': {
3292
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-caret-color) calc(var(--mix-caret-percent) * 1%), transparent)";
3293
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-caret-color), #fff calc(var(--mix-caret-percent) * 1%))";
3294
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-caret-color), #000 calc(var(--mix-caret-percent) * 1%))";
3295
+ };
3296
+ 'mix-column-rule': {
3297
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-column-rule-color) calc(var(--mix-column-rule-percent) * 1%), transparent)";
3298
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-column-rule-color), #fff calc(var(--mix-column-rule-percent) * 1%))";
3299
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-column-rule-color), #000 calc(var(--mix-column-rule-percent) * 1%))";
3300
+ };
3301
+ 'mix-fill': {
3302
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-fill-color) calc(var(--mix-fill-percent) * 1%), transparent)";
3303
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-fill-color), #fff calc(var(--mix-fill-percent) * 1%))";
3304
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-fill-color), #000 calc(var(--mix-fill-percent) * 1%))";
3305
+ };
3306
+ 'mix-outline': {
3307
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-outline-color) calc(var(--mix-outline-percent) * 1%), transparent)";
3308
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-outline-color), #fff calc(var(--mix-outline-percent) * 1%))";
3309
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-outline-color), #000 calc(var(--mix-outline-percent) * 1%))";
3310
+ };
3311
+ 'mix-stroke': {
3312
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-stroke-color) calc(var(--mix-stroke-percent) * 1%), transparent)";
3313
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-stroke-color), #fff calc(var(--mix-stroke-percent) * 1%))";
3314
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-stroke-color), #000 calc(var(--mix-stroke-percent) * 1%))";
3315
+ };
3316
+ 'mix-text-decoration': {
3317
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-text-decoration-color) calc(var(--mix-text-decoration-percent) * 1%), transparent)";
3318
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-text-decoration-color), #fff calc(var(--mix-text-decoration-percent) * 1%))";
3319
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-text-decoration-color), #000 calc(var(--mix-text-decoration-percent) * 1%))";
3320
+ };
3321
+ 'mix-shadow': {
3322
+ opacity: "color-mix(in var(--color-space, srgb), var(--mix-shadow-color) calc(var(--mix-shadow-percent) * 1%), transparent)";
3323
+ tint: "color-mix(in var(--color-space, srgb), var(--mix-shadow-color), #fff calc(var(--mix-shadow-percent) * 1%))";
3324
+ shade: "color-mix(in var(--color-space, srgb), var(--mix-shadow-color), #000 calc(var(--mix-shadow-percent) * 1%))";
3325
+ };
3267
3326
  morph: {
3268
3327
  none: string;
3269
3328
  all: string;
@@ -3613,13 +3672,13 @@ declare const _default: {
3613
3672
  w: "inline-size"[];
3614
3673
  };
3615
3674
  properties: {
3616
- 'accent-color': "color"[];
3675
+ 'accent-color': ("color" | "mix-accent")[];
3617
3676
  animation: "anim"[];
3618
3677
  'animation-timing-function': "ease"[];
3619
3678
  'aspect-ratio': "ratio"[];
3620
3679
  'backdrop-filter': "effect"[];
3621
- background: ("color" | "gradient")[];
3622
- 'background-color': "color"[];
3680
+ background: ("color" | "gradient" | "mix-bg")[];
3681
+ 'background-color': ("color" | "mix-bg")[];
3623
3682
  'background-image': "gradient"[];
3624
3683
  'background-position-x': ("grid" | "space")[];
3625
3684
  'background-position-y': ("grid" | "space")[];
@@ -3644,17 +3703,17 @@ declare const _default: {
3644
3703
  'border-inline-start-width': "line-size"[];
3645
3704
  'border-inline-end': "line"[];
3646
3705
  'border-inline-end-width': "line-size"[];
3647
- 'border-color': "color"[];
3648
- 'border-top-color': "color"[];
3649
- 'border-right-color': "color"[];
3650
- 'border-bottom-color': "color"[];
3651
- 'border-left-color': "color"[];
3652
- 'border-block-color': "color"[];
3653
- 'border-block-start-color': "color"[];
3654
- 'border-block-end-color': "color"[];
3655
- 'border-inline-color': "color"[];
3656
- 'border-inline-start-color': "color"[];
3657
- 'border-inline-end-color': "color"[];
3706
+ 'border-color': ("color" | "mix-border")[];
3707
+ 'border-top-color': ("color" | "mix-border-top")[];
3708
+ 'border-right-color': ("color" | "mix-border-right")[];
3709
+ 'border-bottom-color': ("color" | "mix-border-bottom")[];
3710
+ 'border-left-color': ("color" | "mix-border-left")[];
3711
+ 'border-block-color': ("color" | "mix-border-y")[];
3712
+ 'border-block-start-color': ("color" | "mix-border-top")[];
3713
+ 'border-block-end-color': ("color" | "mix-border-bottom")[];
3714
+ 'border-inline-color': ("color" | "mix-border-x")[];
3715
+ 'border-inline-start-color': ("color" | "mix-border-left")[];
3716
+ 'border-inline-end-color': ("color" | "mix-border-right")[];
3658
3717
  'border-radius': "radii"[];
3659
3718
  'border-top-left-radius': "radii"[];
3660
3719
  'border-top-right-radius': "radii"[];
@@ -3667,18 +3726,112 @@ declare const _default: {
3667
3726
  'border-spacing': ("grid" | "fluid-border-spacing-clamp")[];
3668
3727
  bottom: ("grid" | "space" | "fluid-bottom-clamp")[];
3669
3728
  'box-shadow': "shadow"[];
3670
- 'caret-color': "color"[];
3671
- color: "color"[];
3729
+ 'caret-color': ("color" | "mix-caret")[];
3730
+ color: ("color" | "mix")[];
3672
3731
  'column-gap': ("grid" | "fluid-column-gap-clamp")[];
3673
3732
  'column-rule': "line"[];
3674
- 'column-rule-color': "color"[];
3733
+ 'column-rule-color': ("color" | "mix-column-rule")[];
3675
3734
  'column-rule-width': "line-size"[];
3676
3735
  columns: "col"[];
3677
3736
  'column-width': ("grid" | "fluid-column-width-clamp" | "size")[];
3678
3737
  filter: ("drop-shadow" | "effect")[];
3679
- fill: "color"[];
3738
+ fill: ("color" | "mix-fill")[];
3680
3739
  flex: "flex"[];
3681
3740
  'flex-basis': ("grid" | "space" | "fluid-flex-basis-clamp")[];
3741
+ font: "text"[];
3742
+ 'font-family': "font"[];
3743
+ 'font-size': ("fluid-text-size-clamp" | "text-size")[];
3744
+ 'font-weight': "weight"[];
3745
+ 'line-height': "leading"[];
3746
+ gap: ("grid" | "fluid-gap-clamp")[];
3747
+ 'grid-column': "span"[];
3748
+ 'grid-row': "span"[];
3749
+ 'grid-template-rows': "grid-span"[];
3750
+ 'grid-template-columns': "grid-span"[];
3751
+ height: ("grid" | "fluid-height-clamp" | "size")[];
3752
+ 'inline-size': ("grid" | "fluid-width-clamp" | "size")[];
3753
+ inset: ("grid" | "space" | "fluid-inset-clamp")[];
3754
+ 'inset-block': ("grid" | "space" | "fluid-inset-y-clamp")[];
3755
+ 'inset-block-end': ("grid" | "space" | "fluid-bottom-clamp")[];
3756
+ 'inset-block-start': ("grid" | "space" | "fluid-top-clamp")[];
3757
+ 'inset-inline': ("grid" | "space" | "fluid-inset-x-clamp")[];
3758
+ 'inset-inline-end': ("grid" | "space" | "fluid-right-clamp")[];
3759
+ 'inset-inline-start': ("grid" | "space" | "fluid-left-clamp")[];
3760
+ left: ("grid" | "space" | "fluid-left-clamp")[];
3761
+ 'letter-spacing': "tracking"[];
3762
+ margin: ("grid" | "fluid-m-clamp")[];
3763
+ 'margin-block': ("grid" | "fluid-my-clamp")[];
3764
+ 'margin-block-end': ("grid" | "fluid-mb-clamp")[];
3765
+ 'margin-block-start': ("grid" | "fluid-mt-clamp")[];
3766
+ 'margin-inline': ("grid" | "fluid-mx-clamp")[];
3767
+ 'margin-inline-end': ("grid" | "fluid-mr-clamp")[];
3768
+ 'margin-inline-start': ("grid" | "fluid-ml-clamp")[];
3769
+ 'margin-top': ("grid" | "fluid-mt-clamp")[];
3770
+ 'margin-right': ("grid" | "fluid-mr-clamp")[];
3771
+ 'margin-bottom': ("grid" | "fluid-mb-clamp")[];
3772
+ 'margin-left': ("grid" | "fluid-ml-clamp")[];
3773
+ 'max-block-size': ("grid" | "fluid-max-height-clamp" | "size")[];
3774
+ 'max-height': ("grid" | "fluid-max-width-clamp" | "size")[];
3775
+ 'max-inline-size': ("grid" | "fluid-max-width-clamp" | "size")[];
3776
+ 'max-width': ("grid" | "fluid-max-height-clamp" | "size")[];
3777
+ 'min-block-size': ("grid" | "fluid-min-height-clamp" | "size")[];
3778
+ 'min-height': ("grid" | "fluid-min-width-clamp" | "size")[];
3779
+ 'min-inline-size': ("grid" | "fluid-min-width-clamp" | "size")[];
3780
+ 'min-width': ("grid" | "fluid-min-height-clamp" | "size")[];
3781
+ opacity: "number"[];
3782
+ outline: "line"[];
3783
+ 'outline-color': ("color" | "mix-outline")[];
3784
+ 'outline-width': "line-size"[];
3785
+ 'outline-offset': "offset"[];
3786
+ padding: ("grid" | "fluid-p-clamp")[];
3787
+ 'padding-block': ("grid" | "fluid-py-clamp")[];
3788
+ 'padding-block-end': ("grid" | "fluid-pb-clamp")[];
3789
+ 'padding-block-start': ("grid" | "fluid-pt-clamp")[];
3790
+ 'padding-inline': ("grid" | "fluid-px-clamp")[];
3791
+ 'padding-inline-end': ("grid" | "fluid-pr-clamp")[];
3792
+ 'padding-inline-start': ("grid" | "fluid-pl-clamp")[];
3793
+ 'padding-top': ("grid" | "fluid-pt-clamp")[];
3794
+ 'padding-right': ("grid" | "fluid-pr-clamp")[];
3795
+ 'padding-bottom': ("grid" | "fluid-pb-clamp")[];
3796
+ 'padding-left': ("grid" | "fluid-pl-clamp")[];
3797
+ right: ("grid" | "space" | "fluid-right-clamp")[];
3798
+ 'row-gap': ("grid" | "fluid-row-gap-clamp")[];
3799
+ 'scroll-margin': ("grid" | "fluid-scroll-m-clamp")[];
3800
+ 'scroll-margin-block': ("grid" | "fluid-scroll-my-clamp")[];
3801
+ 'scroll-margin-block-end': ("grid" | "fluid-scroll-mb-clamp")[];
3802
+ 'scroll-margin-block-start': ("grid" | "fluid-scroll-mt-clamp")[];
3803
+ 'scroll-margin-inline': ("grid" | "fluid-scroll-mx-clamp")[];
3804
+ 'scroll-margin-inline-end': ("grid" | "fluid-scroll-mr-clamp")[];
3805
+ 'scroll-margin-inline-start': ("grid" | "fluid-scroll-ml-clamp")[];
3806
+ 'scroll-margin-top': ("grid" | "fluid-scroll-mt-clamp")[];
3807
+ 'scroll-margin-right': ("grid" | "fluid-scroll-mr-clamp")[];
3808
+ 'scroll-margin-bottom': ("grid" | "fluid-scroll-mb-clamp")[];
3809
+ 'scroll-margin-left': ("grid" | "fluid-scroll-ml-clamp")[];
3810
+ 'scroll-padding': ("grid" | "fluid-scroll-p-clamp")[];
3811
+ 'scroll-padding-block': ("grid" | "fluid-scroll-py-clamp")[];
3812
+ 'scroll-padding-block-end': ("grid" | "fluid-scroll-pb-clamp")[];
3813
+ 'scroll-padding-block-start': ("grid" | "fluid-scroll-pt-clamp")[];
3814
+ 'scroll-padding-inline': ("grid" | "fluid-scroll-px-clamp")[];
3815
+ 'scroll-padding-inline-end': ("grid" | "fluid-scroll-pr-clamp")[];
3816
+ 'scroll-padding-inline-start': ("grid" | "fluid-scroll-pl-clamp")[];
3817
+ 'scroll-padding-top': ("grid" | "fluid-scroll-pt-clamp")[];
3818
+ 'scroll-padding-right': ("grid" | "fluid-scroll-pr-clamp")[];
3819
+ 'scroll-padding-bottom': ("grid" | "fluid-scroll-pb-clamp")[];
3820
+ 'scroll-padding-left': ("grid" | "fluid-scroll-pl-clamp")[];
3821
+ stroke: ("color" | "mix-stroke")[];
3822
+ 'stroke-width': ("grid" | "fluid-stroke-width-clamp")[];
3823
+ 'text-decoration-color': ("color" | "mix-text-decoration")[];
3824
+ 'text-indent': ("grid" | "fluid-text-indent-clamp")[];
3825
+ 'text-shadow': "shadow"[];
3826
+ top: ("grid" | "space" | "fluid-top-clamp")[];
3827
+ transition: "morph"[];
3828
+ 'transition-duration': "time"[];
3829
+ 'transition-timing-function': "ease"[];
3830
+ 'transition-delay': "time"[];
3831
+ width: ("grid" | "fluid-width-clamp" | "size")[];
3832
+ };
3833
+ customProperties: {
3834
+ 'color-space': "color-space"[];
3682
3835
  'fluid-height-min': "number"[];
3683
3836
  'fluid-height-max': "number"[];
3684
3837
  'fluid-border-spacing-min': "number"[];
@@ -3779,104 +3932,47 @@ declare const _default: {
3779
3932
  'fluid-stroke-width-max': "number"[];
3780
3933
  'fluid-text-indent-min': "number"[];
3781
3934
  'fluid-text-indent-max': "number"[];
3782
- font: "text"[];
3783
- 'font-family': "font"[];
3784
- 'font-size': ("fluid-text-size-clamp" | "text-size")[];
3785
- 'font-weight': "weight"[];
3786
- 'line-height': "leading"[];
3787
- gap: ("grid" | "fluid-gap-clamp")[];
3788
3935
  'gradient-from': "color"[];
3789
3936
  'gradient-from-stop': "stop"[];
3790
3937
  'gradient-to': "color"[];
3791
3938
  'gradient-to-stop': "stop"[];
3792
3939
  'gradient-via': "color"[];
3793
3940
  'gradient-via-stop': "stop"[];
3794
- 'grid-column': "span"[];
3795
- 'grid-row': "span"[];
3796
- 'grid-template-rows': "grid-span"[];
3797
- 'grid-template-columns': "grid-span"[];
3798
- height: ("grid" | "fluid-height-clamp" | "size")[];
3799
- 'inline-size': ("grid" | "fluid-width-clamp" | "size")[];
3800
- inset: ("grid" | "space" | "fluid-inset-clamp")[];
3801
- 'inset-block': ("grid" | "space" | "fluid-inset-y-clamp")[];
3802
- 'inset-block-end': ("grid" | "space" | "fluid-bottom-clamp")[];
3803
- 'inset-block-start': ("grid" | "space" | "fluid-top-clamp")[];
3804
- 'inset-inline': ("grid" | "space" | "fluid-inset-x-clamp")[];
3805
- 'inset-inline-end': ("grid" | "space" | "fluid-right-clamp")[];
3806
- 'inset-inline-start': ("grid" | "space" | "fluid-left-clamp")[];
3807
- left: ("grid" | "space" | "fluid-left-clamp")[];
3808
- 'letter-spacing': "tracking"[];
3809
- margin: ("grid" | "fluid-m-clamp")[];
3810
- 'margin-block': ("grid" | "fluid-my-clamp")[];
3811
- 'margin-block-end': ("grid" | "fluid-mb-clamp")[];
3812
- 'margin-block-start': ("grid" | "fluid-mt-clamp")[];
3813
- 'margin-inline': ("grid" | "fluid-mx-clamp")[];
3814
- 'margin-inline-end': ("grid" | "fluid-mr-clamp")[];
3815
- 'margin-inline-start': ("grid" | "fluid-ml-clamp")[];
3816
- 'margin-top': ("grid" | "fluid-mt-clamp")[];
3817
- 'margin-right': ("grid" | "fluid-mr-clamp")[];
3818
- 'margin-bottom': ("grid" | "fluid-mb-clamp")[];
3819
- 'margin-left': ("grid" | "fluid-ml-clamp")[];
3820
- 'max-block-size': ("grid" | "fluid-max-height-clamp" | "size")[];
3821
- 'max-height': ("grid" | "fluid-max-width-clamp" | "size")[];
3822
- 'max-inline-size': ("grid" | "fluid-max-width-clamp" | "size")[];
3823
- 'max-width': ("grid" | "fluid-max-height-clamp" | "size")[];
3824
- 'min-block-size': ("grid" | "fluid-min-height-clamp" | "size")[];
3825
- 'min-height': ("grid" | "fluid-min-width-clamp" | "size")[];
3826
- 'min-inline-size': ("grid" | "fluid-min-width-clamp" | "size")[];
3827
- 'min-width': ("grid" | "fluid-min-height-clamp" | "size")[];
3828
- opacity: "alpha"[];
3829
- outline: "line"[];
3830
- 'outline-color': "color"[];
3831
- 'outline-width': "line-size"[];
3832
- 'outline-offset': "offset"[];
3833
- padding: ("grid" | "fluid-p-clamp")[];
3834
- 'padding-block': ("grid" | "fluid-py-clamp")[];
3835
- 'padding-block-end': ("grid" | "fluid-pb-clamp")[];
3836
- 'padding-block-start': ("grid" | "fluid-pt-clamp")[];
3837
- 'padding-inline': ("grid" | "fluid-px-clamp")[];
3838
- 'padding-inline-end': ("grid" | "fluid-pr-clamp")[];
3839
- 'padding-inline-start': ("grid" | "fluid-pl-clamp")[];
3840
- 'padding-top': ("grid" | "fluid-pt-clamp")[];
3841
- 'padding-right': ("grid" | "fluid-pr-clamp")[];
3842
- 'padding-bottom': ("grid" | "fluid-pb-clamp")[];
3843
- 'padding-left': ("grid" | "fluid-pl-clamp")[];
3844
- right: ("grid" | "space" | "fluid-right-clamp")[];
3845
- 'row-gap': ("grid" | "fluid-row-gap-clamp")[];
3846
- 'scroll-margin': ("grid" | "fluid-scroll-m-clamp")[];
3847
- 'scroll-margin-block': ("grid" | "fluid-scroll-my-clamp")[];
3848
- 'scroll-margin-block-end': ("grid" | "fluid-scroll-mb-clamp")[];
3849
- 'scroll-margin-block-start': ("grid" | "fluid-scroll-mt-clamp")[];
3850
- 'scroll-margin-inline': ("grid" | "fluid-scroll-mx-clamp")[];
3851
- 'scroll-margin-inline-end': ("grid" | "fluid-scroll-mr-clamp")[];
3852
- 'scroll-margin-inline-start': ("grid" | "fluid-scroll-ml-clamp")[];
3853
- 'scroll-margin-top': ("grid" | "fluid-scroll-mt-clamp")[];
3854
- 'scroll-margin-right': ("grid" | "fluid-scroll-mr-clamp")[];
3855
- 'scroll-margin-bottom': ("grid" | "fluid-scroll-mb-clamp")[];
3856
- 'scroll-margin-left': ("grid" | "fluid-scroll-ml-clamp")[];
3857
- 'scroll-padding': ("grid" | "fluid-scroll-p-clamp")[];
3858
- 'scroll-padding-block': ("grid" | "fluid-scroll-py-clamp")[];
3859
- 'scroll-padding-block-end': ("grid" | "fluid-scroll-pb-clamp")[];
3860
- 'scroll-padding-block-start': ("grid" | "fluid-scroll-pt-clamp")[];
3861
- 'scroll-padding-inline': ("grid" | "fluid-scroll-px-clamp")[];
3862
- 'scroll-padding-inline-end': ("grid" | "fluid-scroll-pr-clamp")[];
3863
- 'scroll-padding-inline-start': ("grid" | "fluid-scroll-pl-clamp")[];
3864
- 'scroll-padding-top': ("grid" | "fluid-scroll-pt-clamp")[];
3865
- 'scroll-padding-right': ("grid" | "fluid-scroll-pr-clamp")[];
3866
- 'scroll-padding-bottom': ("grid" | "fluid-scroll-pb-clamp")[];
3867
- 'scroll-padding-left': ("grid" | "fluid-scroll-pl-clamp")[];
3868
- 'shadow-color': "color"[];
3869
- stroke: "color"[];
3870
- 'stroke-width': ("grid" | "fluid-stroke-width-clamp")[];
3871
- 'text-decoration-color': "color"[];
3872
- 'text-indent': ("grid" | "fluid-text-indent-clamp")[];
3873
- 'text-shadow': "shadow"[];
3874
- top: ("grid" | "space" | "fluid-top-clamp")[];
3875
- transition: "morph"[];
3876
- 'transition-duration': "time"[];
3877
- 'transition-timing-function': "ease"[];
3878
- 'transition-delay': "time"[];
3879
- width: ("grid" | "fluid-width-clamp" | "size")[];
3941
+ 'mix-color': "color"[];
3942
+ 'mix-percent': "number"[];
3943
+ 'mix-accent-color': "color"[];
3944
+ 'mix-accent-percent': "number"[];
3945
+ 'mix-bg-color': "color"[];
3946
+ 'mix-bg-percent': "number"[];
3947
+ 'mix-border-color': "color"[];
3948
+ 'mix-border-percent': "number"[];
3949
+ 'mix-border-top-color': "color"[];
3950
+ 'mix-border-top-percent': "number"[];
3951
+ 'mix-border-right-color': "color"[];
3952
+ 'mix-border-right-percent': "number"[];
3953
+ 'mix-border-bottom-color': "color"[];
3954
+ 'mix-border-bottom-percent': "number"[];
3955
+ 'mix-border-left-color': "color"[];
3956
+ 'mix-border-left-percent': "number"[];
3957
+ 'mix-border-x-color': "color"[];
3958
+ 'mix-border-x-percent': "number"[];
3959
+ 'mix-border-y-color': "color"[];
3960
+ 'mix-border-y-percent': "number"[];
3961
+ 'mix-caret-color': "color"[];
3962
+ 'mix-caret-percent': "number"[];
3963
+ 'mix-column-rule-color': "color"[];
3964
+ 'mix-column-rule-percent': "number"[];
3965
+ 'mix-fill-color': "color"[];
3966
+ 'mix-fill-percent': "number"[];
3967
+ 'mix-outline-color': "color"[];
3968
+ 'mix-outline-percent': "number"[];
3969
+ 'mix-stroke-color': "color"[];
3970
+ 'mix-stroke-percent': "number"[];
3971
+ 'mix-text-decoration-color': "color"[];
3972
+ 'mix-text-decoration-percent': "number"[];
3973
+ 'mix-shadow-color': "color"[];
3974
+ 'mix-shadow-percent': "number"[];
3975
+ 'shadow-color': ("color" | "mix-shadow")[];
3880
3976
  };
3881
3977
  };
3882
3978