@vellira-ui/tokens 2.39.5 → 2.41.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 (32) hide show
  1. package/dist/css/tokens.css +438 -93
  2. package/dist/dark/components/tabs.d.ts +242 -58
  3. package/dist/dark/components/tabs.d.ts.map +1 -1
  4. package/dist/dark/components/tabs.js +91 -64
  5. package/dist/dark/components/tooltip.d.ts +1 -11
  6. package/dist/dark/components/tooltip.d.ts.map +1 -1
  7. package/dist/dark/components/tooltip.js +19 -11
  8. package/dist/factories/createTabsTokens.d.ts +344 -0
  9. package/dist/factories/createTabsTokens.d.ts.map +1 -0
  10. package/dist/factories/createTabsTokens.js +59 -0
  11. package/dist/factories/createTooltipTokens.d.ts +57 -0
  12. package/dist/factories/createTooltipTokens.d.ts.map +1 -0
  13. package/dist/factories/createTooltipTokens.js +28 -0
  14. package/dist/factories/index.d.ts +2 -0
  15. package/dist/factories/index.d.ts.map +1 -1
  16. package/dist/factories/index.js +2 -0
  17. package/dist/generated/token-types.d.ts +4 -4
  18. package/dist/generated/token-types.d.ts.map +1 -1
  19. package/dist/generated/token-types.js +584 -124
  20. package/dist/highContrast/components/tabs.d.ts +242 -58
  21. package/dist/highContrast/components/tabs.d.ts.map +1 -1
  22. package/dist/highContrast/components/tabs.js +89 -63
  23. package/dist/highContrast/components/tooltip.d.ts +1 -11
  24. package/dist/highContrast/components/tooltip.d.ts.map +1 -1
  25. package/dist/highContrast/components/tooltip.js +19 -11
  26. package/dist/light/components/tabs.d.ts +242 -58
  27. package/dist/light/components/tabs.d.ts.map +1 -1
  28. package/dist/light/components/tabs.js +89 -63
  29. package/dist/light/components/tooltip.d.ts +1 -11
  30. package/dist/light/components/tooltip.d.ts.map +1 -1
  31. package/dist/light/components/tooltip.js +19 -11
  32. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -2104,44 +2104,159 @@
2104
2104
  --select-option-success-fg: #0F766E;
2105
2105
  --select-option-warning-fg: #B45309;
2106
2106
  --select-option-danger-fg: #BE123C;
2107
+ --tabs-primary-trigger-default-bg: transparent;
2108
+ --tabs-primary-trigger-default-fg: #6B6386;
2109
+ --tabs-primary-trigger-default-border: transparent;
2110
+ --tabs-primary-trigger-hover-bg: #231F3109;
2111
+ --tabs-primary-trigger-hover-fg: #3D3754;
2112
+ --tabs-primary-trigger-hover-border: transparent;
2113
+ --tabs-primary-trigger-active-bg: transparent;
2114
+ --tabs-primary-trigger-active-fg: #5037C8;
2115
+ --tabs-primary-trigger-active-border: #6346E8;
2116
+ --tabs-primary-pills-default-bg: transparent;
2117
+ --tabs-primary-pills-default-fg: #6B6386;
2118
+ --tabs-primary-pills-default-border: transparent;
2119
+ --tabs-primary-pills-hover-bg: #F4F3FF;
2120
+ --tabs-primary-pills-hover-fg: #3D3754;
2121
+ --tabs-primary-pills-hover-border: transparent;
2122
+ --tabs-primary-pills-active-bg: #E9E6FF;
2123
+ --tabs-primary-pills-active-fg: #342580;
2124
+ --tabs-primary-pills-active-border: #B8A8FF;
2125
+ --tabs-primary-segmented-bg: #231F3108;
2126
+ --tabs-primary-segmented-active-bg: #FFFFFF;
2127
+ --tabs-primary-segmented-active-fg: #402C9F;
2128
+ --tabs-primary-segmented-active-border: transparent;
2129
+ --tabs-primary-indicator-bg: #6346E8;
2130
+ --tabs-primary-indicator-hover-bg: #5037C8;
2131
+ --tabs-primary-focus-ring: #5037C8;
2132
+ --tabs-neutral-trigger-default-bg: transparent;
2133
+ --tabs-neutral-trigger-default-fg: #6B6386;
2134
+ --tabs-neutral-trigger-default-border: transparent;
2135
+ --tabs-neutral-trigger-hover-bg: #231F3109;
2136
+ --tabs-neutral-trigger-hover-fg: #3D3754;
2137
+ --tabs-neutral-trigger-hover-border: transparent;
2138
+ --tabs-neutral-trigger-active-bg: transparent;
2139
+ --tabs-neutral-trigger-active-fg: #3D3754;
2140
+ --tabs-neutral-trigger-active-border: #6B6386;
2141
+ --tabs-neutral-pills-default-bg: transparent;
2142
+ --tabs-neutral-pills-default-fg: #6B6386;
2143
+ --tabs-neutral-pills-default-border: transparent;
2144
+ --tabs-neutral-pills-hover-bg: #F4F1FB;
2145
+ --tabs-neutral-pills-hover-fg: #3D3754;
2146
+ --tabs-neutral-pills-hover-border: transparent;
2147
+ --tabs-neutral-pills-active-bg: #EEE8FA;
2148
+ --tabs-neutral-pills-active-fg: #231F31;
2149
+ --tabs-neutral-pills-active-border: #BBB2D2;
2150
+ --tabs-neutral-segmented-bg: #231F3108;
2151
+ --tabs-neutral-segmented-active-bg: #FFFFFF;
2152
+ --tabs-neutral-segmented-active-fg: #2F2A42;
2153
+ --tabs-neutral-segmented-active-border: transparent;
2154
+ --tabs-neutral-indicator-bg: #6B6386;
2155
+ --tabs-neutral-indicator-hover-bg: #4F4867;
2156
+ --tabs-neutral-focus-ring: #5037C8;
2157
+ --tabs-success-trigger-default-bg: transparent;
2158
+ --tabs-success-trigger-default-fg: #6B6386;
2159
+ --tabs-success-trigger-default-border: transparent;
2160
+ --tabs-success-trigger-hover-bg: #231F3109;
2161
+ --tabs-success-trigger-hover-fg: #3D3754;
2162
+ --tabs-success-trigger-hover-border: transparent;
2163
+ --tabs-success-trigger-active-bg: transparent;
2164
+ --tabs-success-trigger-active-fg: #0F766E;
2165
+ --tabs-success-trigger-active-border: #0F9E94;
2166
+ --tabs-success-pills-default-bg: transparent;
2167
+ --tabs-success-pills-default-fg: #6B6386;
2168
+ --tabs-success-pills-default-border: transparent;
2169
+ --tabs-success-pills-hover-bg: #F0FDFA;
2170
+ --tabs-success-pills-hover-fg: #3D3754;
2171
+ --tabs-success-pills-hover-border: transparent;
2172
+ --tabs-success-pills-active-bg: #CCFBF1;
2173
+ --tabs-success-pills-active-fg: #134E4A;
2174
+ --tabs-success-pills-active-border: #5EEAD4;
2175
+ --tabs-success-segmented-bg: #231F3108;
2176
+ --tabs-success-segmented-active-bg: #FFFFFF;
2177
+ --tabs-success-segmented-active-fg: #115E59;
2178
+ --tabs-success-segmented-active-border: transparent;
2179
+ --tabs-success-indicator-bg: #0F9E94;
2180
+ --tabs-success-indicator-hover-bg: #0F766E;
2181
+ --tabs-success-focus-ring: #5037C8;
2182
+ --tabs-warning-trigger-default-bg: transparent;
2183
+ --tabs-warning-trigger-default-fg: #6B6386;
2184
+ --tabs-warning-trigger-default-border: transparent;
2185
+ --tabs-warning-trigger-hover-bg: #231F3109;
2186
+ --tabs-warning-trigger-hover-fg: #3D3754;
2187
+ --tabs-warning-trigger-hover-border: transparent;
2188
+ --tabs-warning-trigger-active-bg: transparent;
2189
+ --tabs-warning-trigger-active-fg: #B45309;
2190
+ --tabs-warning-trigger-active-border: #D97706;
2191
+ --tabs-warning-pills-default-bg: transparent;
2192
+ --tabs-warning-pills-default-fg: #6B6386;
2193
+ --tabs-warning-pills-default-border: transparent;
2194
+ --tabs-warning-pills-hover-bg: #FFFBEB;
2195
+ --tabs-warning-pills-hover-fg: #3D3754;
2196
+ --tabs-warning-pills-hover-border: transparent;
2197
+ --tabs-warning-pills-active-bg: #FEF3C7;
2198
+ --tabs-warning-pills-active-fg: #78350F;
2199
+ --tabs-warning-pills-active-border: #FCD34D;
2200
+ --tabs-warning-segmented-bg: #231F3108;
2201
+ --tabs-warning-segmented-active-bg: #FFFFFF;
2202
+ --tabs-warning-segmented-active-fg: #92400E;
2203
+ --tabs-warning-segmented-active-border: transparent;
2204
+ --tabs-warning-indicator-bg: #D97706;
2205
+ --tabs-warning-indicator-hover-bg: #B45309;
2206
+ --tabs-warning-focus-ring: #5037C8;
2207
+ --tabs-danger-trigger-default-bg: transparent;
2208
+ --tabs-danger-trigger-default-fg: #6B6386;
2209
+ --tabs-danger-trigger-default-border: transparent;
2210
+ --tabs-danger-trigger-hover-bg: #231F3109;
2211
+ --tabs-danger-trigger-hover-fg: #3D3754;
2212
+ --tabs-danger-trigger-hover-border: transparent;
2213
+ --tabs-danger-trigger-active-bg: transparent;
2214
+ --tabs-danger-trigger-active-fg: #BE123C;
2215
+ --tabs-danger-trigger-active-border: #E11D48;
2216
+ --tabs-danger-pills-default-bg: transparent;
2217
+ --tabs-danger-pills-default-fg: #6B6386;
2218
+ --tabs-danger-pills-default-border: transparent;
2219
+ --tabs-danger-pills-hover-bg: #FFF1F2;
2220
+ --tabs-danger-pills-hover-fg: #3D3754;
2221
+ --tabs-danger-pills-hover-border: transparent;
2222
+ --tabs-danger-pills-active-bg: #FFE4E6;
2223
+ --tabs-danger-pills-active-fg: #881337;
2224
+ --tabs-danger-pills-active-border: #FDA4AF;
2225
+ --tabs-danger-segmented-bg: #231F3108;
2226
+ --tabs-danger-segmented-active-bg: #FFFFFF;
2227
+ --tabs-danger-segmented-active-fg: #9F1239;
2228
+ --tabs-danger-segmented-active-border: transparent;
2229
+ --tabs-danger-indicator-bg: #E11D48;
2230
+ --tabs-danger-indicator-hover-bg: #BE123C;
2231
+ --tabs-danger-focus-ring: #5037C8;
2232
+ --tabs-disabled-bg: transparent;
2233
+ --tabs-disabled-fg: #958CB0;
2234
+ --tabs-disabled-border: transparent;
2107
2235
  --tabs-list-border: #E4DDF4;
2108
- --tabs-trigger-default-bg: transparent;
2109
- --tabs-trigger-default-fg: #6B6386;
2110
- --tabs-trigger-default-border: transparent;
2111
- --tabs-trigger-hover-bg: transparent;
2112
- --tabs-trigger-hover-fg: #402C9F;
2113
- --tabs-trigger-hover-border: transparent;
2114
- --tabs-trigger-active-bg: transparent;
2115
- --tabs-trigger-active-fg: #5037C8;
2116
- --tabs-trigger-active-border: #6346E8;
2117
- --tabs-trigger-focus-ring-color: #5037C8;
2118
- --tabs-trigger-focus-ring-width: 2px;
2119
- --tabs-trigger-focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
2120
- --tabs-trigger-focus-ring-offset: #FFFFFF;
2121
- --tabs-trigger-disabled-bg: transparent;
2122
- --tabs-trigger-disabled-fg: #958CB0;
2123
- --tabs-trigger-disabled-border: transparent;
2124
- --tabs-pills-default-bg: transparent;
2125
- --tabs-pills-default-fg: #6B6386;
2126
- --tabs-pills-default-border: transparent;
2127
- --tabs-pills-hover-bg: #F4F1FB;
2128
- --tabs-pills-hover-fg: #3D3754;
2129
- --tabs-pills-hover-border: transparent;
2130
- --tabs-pills-active-bg: #6346E8;
2131
- --tabs-pills-active-fg: #FFFFFF;
2132
- --tabs-pills-active-border: #6346E8;
2133
- --tabs-pills-disabled-bg: transparent;
2134
- --tabs-pills-disabled-fg: #958CB0;
2135
- --tabs-pills-disabled-border: transparent;
2136
- --tabs-indicator-default-bg: #5037C8;
2137
- --tabs-indicator-hover-bg: #5037C8;
2138
- --tabs-indicator-active-bg: #6346E8;
2236
+ --tabs-list-segmented-bg: #231F3108;
2139
2237
  --tabs-panel-fg: #3D3754;
2140
2238
  --tooltip-content-bg: #181521;
2141
2239
  --tooltip-content-fg: #FFFFFF;
2142
2240
  --tooltip-content-border: #181521;
2143
2241
  --tooltip-content-shadow: 0 4px 12px rgba(24, 21, 33, 0.12);
2242
+ --tooltip-content-border-width: 1px;
2243
+ --tooltip-content-radius: 8px;
2244
+ --tooltip-content-padding-x: 12px;
2245
+ --tooltip-content-padding-y: 8px;
2246
+ --tooltip-content-max-width: 240px;
2247
+ --tooltip-content-compact-max-width: 200px;
2248
+ --tooltip-content-compact-padding-x: 8px;
2249
+ --tooltip-content-compact-padding-y: 4px;
2250
+ --tooltip-content-font-size: 14px;
2251
+ --tooltip-content-line-height: 20px;
2252
+ --tooltip-content-compact-font-size: 12px;
2253
+ --tooltip-content-compact-line-height: 16px;
2254
+ --tooltip-content-animation-duration: 150ms;
2255
+ --tooltip-content-translate-y: 2px;
2256
+ --tooltip-content-scale: 0.98px;
2144
2257
  --tooltip-arrow-bg: #181521;
2258
+ --tooltip-arrow-size: 10px;
2259
+ --tooltip-arrow-compact-size: 6px;
2145
2260
  }
2146
2261
 
2147
2262
  [data-theme='dark'],
@@ -4194,44 +4309,159 @@
4194
4309
  --select-option-success-fg: #2DD4BF;
4195
4310
  --select-option-warning-fg: #FBBF24;
4196
4311
  --select-option-danger-fg: #FB7185;
4312
+ --tabs-primary-trigger-default-bg: transparent;
4313
+ --tabs-primary-trigger-default-fg: #BBB2D2;
4314
+ --tabs-primary-trigger-default-border: transparent;
4315
+ --tabs-primary-trigger-hover-bg: #FFFFFF11;
4316
+ --tabs-primary-trigger-hover-fg: #F4F1FB;
4317
+ --tabs-primary-trigger-hover-border: transparent;
4318
+ --tabs-primary-trigger-active-bg: transparent;
4319
+ --tabs-primary-trigger-active-fg: #B8A8FF;
4320
+ --tabs-primary-trigger-active-border: #7352F8;
4321
+ --tabs-primary-pills-default-bg: transparent;
4322
+ --tabs-primary-pills-default-fg: #BBB2D2;
4323
+ --tabs-primary-pills-default-border: transparent;
4324
+ --tabs-primary-pills-hover-bg: #21164F;
4325
+ --tabs-primary-pills-hover-fg: #F4F1FB;
4326
+ --tabs-primary-pills-hover-border: transparent;
4327
+ --tabs-primary-pills-active-bg: #342580;
4328
+ --tabs-primary-pills-active-fg: #E9E6FF;
4329
+ --tabs-primary-pills-active-border: #5037C8;
4330
+ --tabs-primary-segmented-bg: #FFFFFF0D;
4331
+ --tabs-primary-segmented-active-bg: #FFFFFF1F;
4332
+ --tabs-primary-segmented-active-fg: #E9E6FF;
4333
+ --tabs-primary-segmented-active-border: transparent;
4334
+ --tabs-primary-indicator-bg: #7352F8;
4335
+ --tabs-primary-indicator-hover-bg: #9B7CFF;
4336
+ --tabs-primary-focus-ring: #B8A8FF;
4337
+ --tabs-neutral-trigger-default-bg: transparent;
4338
+ --tabs-neutral-trigger-default-fg: #BBB2D2;
4339
+ --tabs-neutral-trigger-default-border: transparent;
4340
+ --tabs-neutral-trigger-hover-bg: #2F2A42;
4341
+ --tabs-neutral-trigger-hover-fg: #F4F1FB;
4342
+ --tabs-neutral-trigger-hover-border: transparent;
4343
+ --tabs-neutral-trigger-active-bg: transparent;
4344
+ --tabs-neutral-trigger-active-fg: #F4F1FB;
4345
+ --tabs-neutral-trigger-active-border: #BBB2D2;
4346
+ --tabs-neutral-pills-default-bg: transparent;
4347
+ --tabs-neutral-pills-default-fg: #BBB2D2;
4348
+ --tabs-neutral-pills-default-border: transparent;
4349
+ --tabs-neutral-pills-hover-bg: #2F2A42;
4350
+ --tabs-neutral-pills-hover-fg: #F4F1FB;
4351
+ --tabs-neutral-pills-hover-border: transparent;
4352
+ --tabs-neutral-pills-active-bg: #3D3754;
4353
+ --tabs-neutral-pills-active-fg: #F4F1FB;
4354
+ --tabs-neutral-pills-active-border: #4F4867;
4355
+ --tabs-neutral-segmented-bg: #FFFFFF0D;
4356
+ --tabs-neutral-segmented-active-bg: #FFFFFF1F;
4357
+ --tabs-neutral-segmented-active-fg: #F4F1FB;
4358
+ --tabs-neutral-segmented-active-border: transparent;
4359
+ --tabs-neutral-indicator-bg: #BBB2D2;
4360
+ --tabs-neutral-indicator-hover-bg: #E4DDF4;
4361
+ --tabs-neutral-focus-ring: #B8A8FF;
4362
+ --tabs-success-trigger-default-bg: transparent;
4363
+ --tabs-success-trigger-default-fg: #BBB2D2;
4364
+ --tabs-success-trigger-default-border: transparent;
4365
+ --tabs-success-trigger-hover-bg: #FFFFFF11;
4366
+ --tabs-success-trigger-hover-fg: #F4F1FB;
4367
+ --tabs-success-trigger-hover-border: transparent;
4368
+ --tabs-success-trigger-active-bg: transparent;
4369
+ --tabs-success-trigger-active-fg: #5EEAD4;
4370
+ --tabs-success-trigger-active-border: #14B8A6;
4371
+ --tabs-success-pills-default-bg: transparent;
4372
+ --tabs-success-pills-default-fg: #BBB2D2;
4373
+ --tabs-success-pills-default-border: transparent;
4374
+ --tabs-success-pills-hover-bg: #042F2E;
4375
+ --tabs-success-pills-hover-fg: #F4F1FB;
4376
+ --tabs-success-pills-hover-border: transparent;
4377
+ --tabs-success-pills-active-bg: #134E4A;
4378
+ --tabs-success-pills-active-fg: #CCFBF1;
4379
+ --tabs-success-pills-active-border: #0F766E;
4380
+ --tabs-success-segmented-bg: #FFFFFF0D;
4381
+ --tabs-success-segmented-active-bg: #FFFFFF1F;
4382
+ --tabs-success-segmented-active-fg: #CCFBF1;
4383
+ --tabs-success-segmented-active-border: transparent;
4384
+ --tabs-success-indicator-bg: #14B8A6;
4385
+ --tabs-success-indicator-hover-bg: #2DD4BF;
4386
+ --tabs-success-focus-ring: #B8A8FF;
4387
+ --tabs-warning-trigger-default-bg: transparent;
4388
+ --tabs-warning-trigger-default-fg: #BBB2D2;
4389
+ --tabs-warning-trigger-default-border: transparent;
4390
+ --tabs-warning-trigger-hover-bg: #FFFFFF11;
4391
+ --tabs-warning-trigger-hover-fg: #F4F1FB;
4392
+ --tabs-warning-trigger-hover-border: transparent;
4393
+ --tabs-warning-trigger-active-bg: transparent;
4394
+ --tabs-warning-trigger-active-fg: #FCD34D;
4395
+ --tabs-warning-trigger-active-border: #F59E0B;
4396
+ --tabs-warning-pills-default-bg: transparent;
4397
+ --tabs-warning-pills-default-fg: #BBB2D2;
4398
+ --tabs-warning-pills-default-border: transparent;
4399
+ --tabs-warning-pills-hover-bg: #451A03;
4400
+ --tabs-warning-pills-hover-fg: #F4F1FB;
4401
+ --tabs-warning-pills-hover-border: transparent;
4402
+ --tabs-warning-pills-active-bg: #78350F;
4403
+ --tabs-warning-pills-active-fg: #FEF3C7;
4404
+ --tabs-warning-pills-active-border: #B45309;
4405
+ --tabs-warning-segmented-bg: #FFFFFF0D;
4406
+ --tabs-warning-segmented-active-bg: #FFFFFF1F;
4407
+ --tabs-warning-segmented-active-fg: #FEF3C7;
4408
+ --tabs-warning-segmented-active-border: transparent;
4409
+ --tabs-warning-indicator-bg: #F59E0B;
4410
+ --tabs-warning-indicator-hover-bg: #FBBF24;
4411
+ --tabs-warning-focus-ring: #B8A8FF;
4412
+ --tabs-danger-trigger-default-bg: transparent;
4413
+ --tabs-danger-trigger-default-fg: #BBB2D2;
4414
+ --tabs-danger-trigger-default-border: transparent;
4415
+ --tabs-danger-trigger-hover-bg: #FFFFFF11;
4416
+ --tabs-danger-trigger-hover-fg: #F4F1FB;
4417
+ --tabs-danger-trigger-hover-border: transparent;
4418
+ --tabs-danger-trigger-active-bg: transparent;
4419
+ --tabs-danger-trigger-active-fg: #FDA4AF;
4420
+ --tabs-danger-trigger-active-border: #F43F5E;
4421
+ --tabs-danger-pills-default-bg: transparent;
4422
+ --tabs-danger-pills-default-fg: #BBB2D2;
4423
+ --tabs-danger-pills-default-border: transparent;
4424
+ --tabs-danger-pills-hover-bg: #4C0519;
4425
+ --tabs-danger-pills-hover-fg: #F4F1FB;
4426
+ --tabs-danger-pills-hover-border: transparent;
4427
+ --tabs-danger-pills-active-bg: #881337;
4428
+ --tabs-danger-pills-active-fg: #FFE4E6;
4429
+ --tabs-danger-pills-active-border: #BE123C;
4430
+ --tabs-danger-segmented-bg: #FFFFFF0D;
4431
+ --tabs-danger-segmented-active-bg: #FFFFFF1F;
4432
+ --tabs-danger-segmented-active-fg: #FFE4E6;
4433
+ --tabs-danger-segmented-active-border: transparent;
4434
+ --tabs-danger-indicator-bg: #F43F5E;
4435
+ --tabs-danger-indicator-hover-bg: #FB7185;
4436
+ --tabs-danger-focus-ring: #B8A8FF;
4437
+ --tabs-disabled-bg: transparent;
4438
+ --tabs-disabled-fg: #6B6386;
4439
+ --tabs-disabled-border: transparent;
4197
4440
  --tabs-list-border: #3D3754;
4198
- --tabs-trigger-default-bg: transparent;
4199
- --tabs-trigger-default-fg: #BBB2D2;
4200
- --tabs-trigger-default-border: transparent;
4201
- --tabs-trigger-hover-bg: transparent;
4202
- --tabs-trigger-hover-fg: #D4CCFF;
4203
- --tabs-trigger-hover-border: transparent;
4204
- --tabs-trigger-active-bg: transparent;
4205
- --tabs-trigger-active-fg: #B8A8FF;
4206
- --tabs-trigger-active-border: #6346E8;
4207
- --tabs-trigger-focus-ring-color: #B8A8FF;
4208
- --tabs-trigger-focus-ring-width: 2px;
4209
- --tabs-trigger-focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
4210
- --tabs-trigger-focus-ring-offset: #181521;
4211
- --tabs-trigger-disabled-bg: transparent;
4212
- --tabs-trigger-disabled-fg: #6B6386;
4213
- --tabs-trigger-disabled-border: transparent;
4214
- --tabs-pills-default-bg: transparent;
4215
- --tabs-pills-default-fg: #BBB2D2;
4216
- --tabs-pills-default-border: transparent;
4217
- --tabs-pills-hover-bg: #2F2A42;
4218
- --tabs-pills-hover-fg: #F4F1FB;
4219
- --tabs-pills-hover-border: transparent;
4220
- --tabs-pills-active-bg: #402C9F;
4221
- --tabs-pills-active-fg: #E9E6FF;
4222
- --tabs-pills-active-border: #6346E8;
4223
- --tabs-pills-disabled-bg: transparent;
4224
- --tabs-pills-disabled-fg: #6B6386;
4225
- --tabs-pills-disabled-border: transparent;
4226
- --tabs-indicator-default-bg: #B8A8FF;
4227
- --tabs-indicator-hover-bg: #7352F8;
4228
- --tabs-indicator-active-bg: #6346E8;
4441
+ --tabs-list-segmented-bg: #FFFFFF0D;
4229
4442
  --tabs-panel-fg: #F4F1FB;
4230
4443
  --tooltip-content-bg: #FFFFFF;
4231
4444
  --tooltip-content-fg: #000000;
4232
4445
  --tooltip-content-border: #2F2A42;
4233
4446
  --tooltip-content-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
4447
+ --tooltip-content-border-width: 1px;
4448
+ --tooltip-content-radius: 8px;
4449
+ --tooltip-content-padding-x: 12px;
4450
+ --tooltip-content-padding-y: 8px;
4451
+ --tooltip-content-max-width: 240px;
4452
+ --tooltip-content-compact-max-width: 200px;
4453
+ --tooltip-content-compact-padding-x: 8px;
4454
+ --tooltip-content-compact-padding-y: 4px;
4455
+ --tooltip-content-font-size: 14px;
4456
+ --tooltip-content-line-height: 20px;
4457
+ --tooltip-content-compact-font-size: 12px;
4458
+ --tooltip-content-compact-line-height: 16px;
4459
+ --tooltip-content-animation-duration: 150ms;
4460
+ --tooltip-content-translate-y: 2px;
4461
+ --tooltip-content-scale: 0.98px;
4234
4462
  --tooltip-arrow-bg: #FFFFFF;
4463
+ --tooltip-arrow-size: 10px;
4464
+ --tooltip-arrow-compact-size: 6px;
4235
4465
  }
4236
4466
 
4237
4467
  [data-theme='high-contrast'],
@@ -6295,42 +6525,157 @@
6295
6525
  --select-option-success-fg: #5EEAD4;
6296
6526
  --select-option-warning-fg: #FCD34D;
6297
6527
  --select-option-danger-fg: #FB7185;
6528
+ --tabs-primary-trigger-default-bg: transparent;
6529
+ --tabs-primary-trigger-default-fg: #EEE8FA;
6530
+ --tabs-primary-trigger-default-border: transparent;
6531
+ --tabs-primary-trigger-hover-bg: #FCD34D29;
6532
+ --tabs-primary-trigger-hover-fg: #FFFFFF;
6533
+ --tabs-primary-trigger-hover-border: transparent;
6534
+ --tabs-primary-trigger-active-bg: transparent;
6535
+ --tabs-primary-trigger-active-fg: #B8A8FF;
6536
+ --tabs-primary-trigger-active-border: #B8A8FF;
6537
+ --tabs-primary-pills-default-bg: transparent;
6538
+ --tabs-primary-pills-default-fg: #EEE8FA;
6539
+ --tabs-primary-pills-default-border: transparent;
6540
+ --tabs-primary-pills-hover-bg: #FCD34D2E;
6541
+ --tabs-primary-pills-hover-fg: #FFFFFF;
6542
+ --tabs-primary-pills-hover-border: transparent;
6543
+ --tabs-primary-pills-active-bg: #111827;
6544
+ --tabs-primary-pills-active-fg: #D4CCFF;
6545
+ --tabs-primary-pills-active-border: #B8A8FF;
6546
+ --tabs-primary-segmented-bg: #374151;
6547
+ --tabs-primary-segmented-active-bg: #111827;
6548
+ --tabs-primary-segmented-active-fg: #D4CCFF;
6549
+ --tabs-primary-segmented-active-border: transparent;
6550
+ --tabs-primary-indicator-bg: #B8A8FF;
6551
+ --tabs-primary-indicator-hover-bg: #D4CCFF;
6552
+ --tabs-primary-focus-ring: #FCD34D;
6553
+ --tabs-neutral-trigger-default-bg: transparent;
6554
+ --tabs-neutral-trigger-default-fg: #EEE8FA;
6555
+ --tabs-neutral-trigger-default-border: transparent;
6556
+ --tabs-neutral-trigger-hover-bg: #FCD34D29;
6557
+ --tabs-neutral-trigger-hover-fg: #FFFFFF;
6558
+ --tabs-neutral-trigger-hover-border: transparent;
6559
+ --tabs-neutral-trigger-active-bg: transparent;
6560
+ --tabs-neutral-trigger-active-fg: #FFFFFF;
6561
+ --tabs-neutral-trigger-active-border: #FFFFFF;
6562
+ --tabs-neutral-pills-default-bg: transparent;
6563
+ --tabs-neutral-pills-default-fg: #EEE8FA;
6564
+ --tabs-neutral-pills-default-border: transparent;
6565
+ --tabs-neutral-pills-hover-bg: #FCD34D2E;
6566
+ --tabs-neutral-pills-hover-fg: #FFFFFF;
6567
+ --tabs-neutral-pills-hover-border: transparent;
6568
+ --tabs-neutral-pills-active-bg: #111827;
6569
+ --tabs-neutral-pills-active-fg: #FFFFFF;
6570
+ --tabs-neutral-pills-active-border: #FFFFFF;
6571
+ --tabs-neutral-segmented-bg: #374151;
6572
+ --tabs-neutral-segmented-active-bg: #111827;
6573
+ --tabs-neutral-segmented-active-fg: #FFFFFF;
6574
+ --tabs-neutral-segmented-active-border: transparent;
6575
+ --tabs-neutral-indicator-bg: #FFFFFF;
6576
+ --tabs-neutral-indicator-hover-bg: #E5E7EB;
6577
+ --tabs-neutral-focus-ring: #FCD34D;
6578
+ --tabs-success-trigger-default-bg: transparent;
6579
+ --tabs-success-trigger-default-fg: #EEE8FA;
6580
+ --tabs-success-trigger-default-border: transparent;
6581
+ --tabs-success-trigger-hover-bg: #FCD34D29;
6582
+ --tabs-success-trigger-hover-fg: #FFFFFF;
6583
+ --tabs-success-trigger-hover-border: transparent;
6584
+ --tabs-success-trigger-active-bg: transparent;
6585
+ --tabs-success-trigger-active-fg: #5EEAD4;
6586
+ --tabs-success-trigger-active-border: #5EEAD4;
6587
+ --tabs-success-pills-default-bg: transparent;
6588
+ --tabs-success-pills-default-fg: #EEE8FA;
6589
+ --tabs-success-pills-default-border: transparent;
6590
+ --tabs-success-pills-hover-bg: #FCD34D2E;
6591
+ --tabs-success-pills-hover-fg: #FFFFFF;
6592
+ --tabs-success-pills-hover-border: transparent;
6593
+ --tabs-success-pills-active-bg: #111827;
6594
+ --tabs-success-pills-active-fg: #99F6E4;
6595
+ --tabs-success-pills-active-border: #5EEAD4;
6596
+ --tabs-success-segmented-bg: #374151;
6597
+ --tabs-success-segmented-active-bg: #111827;
6598
+ --tabs-success-segmented-active-fg: #99F6E4;
6599
+ --tabs-success-segmented-active-border: transparent;
6600
+ --tabs-success-indicator-bg: #5EEAD4;
6601
+ --tabs-success-indicator-hover-bg: #99F6E4;
6602
+ --tabs-success-focus-ring: #FCD34D;
6603
+ --tabs-warning-trigger-default-bg: transparent;
6604
+ --tabs-warning-trigger-default-fg: #EEE8FA;
6605
+ --tabs-warning-trigger-default-border: transparent;
6606
+ --tabs-warning-trigger-hover-bg: #FCD34D29;
6607
+ --tabs-warning-trigger-hover-fg: #FFFFFF;
6608
+ --tabs-warning-trigger-hover-border: transparent;
6609
+ --tabs-warning-trigger-active-bg: transparent;
6610
+ --tabs-warning-trigger-active-fg: #FCD34D;
6611
+ --tabs-warning-trigger-active-border: #FCD34D;
6612
+ --tabs-warning-pills-default-bg: transparent;
6613
+ --tabs-warning-pills-default-fg: #EEE8FA;
6614
+ --tabs-warning-pills-default-border: transparent;
6615
+ --tabs-warning-pills-hover-bg: #FCD34D2E;
6616
+ --tabs-warning-pills-hover-fg: #FFFFFF;
6617
+ --tabs-warning-pills-hover-border: transparent;
6618
+ --tabs-warning-pills-active-bg: #111827;
6619
+ --tabs-warning-pills-active-fg: #FDE68A;
6620
+ --tabs-warning-pills-active-border: #FCD34D;
6621
+ --tabs-warning-segmented-bg: #374151;
6622
+ --tabs-warning-segmented-active-bg: #111827;
6623
+ --tabs-warning-segmented-active-fg: #FDE68A;
6624
+ --tabs-warning-segmented-active-border: transparent;
6625
+ --tabs-warning-indicator-bg: #FCD34D;
6626
+ --tabs-warning-indicator-hover-bg: #FDE68A;
6627
+ --tabs-warning-focus-ring: #FCD34D;
6628
+ --tabs-danger-trigger-default-bg: transparent;
6629
+ --tabs-danger-trigger-default-fg: #EEE8FA;
6630
+ --tabs-danger-trigger-default-border: transparent;
6631
+ --tabs-danger-trigger-hover-bg: #FCD34D29;
6632
+ --tabs-danger-trigger-hover-fg: #FFFFFF;
6633
+ --tabs-danger-trigger-hover-border: transparent;
6634
+ --tabs-danger-trigger-active-bg: transparent;
6635
+ --tabs-danger-trigger-active-fg: #FDA4AF;
6636
+ --tabs-danger-trigger-active-border: #FDA4AF;
6637
+ --tabs-danger-pills-default-bg: transparent;
6638
+ --tabs-danger-pills-default-fg: #EEE8FA;
6639
+ --tabs-danger-pills-default-border: transparent;
6640
+ --tabs-danger-pills-hover-bg: #FCD34D2E;
6641
+ --tabs-danger-pills-hover-fg: #FFFFFF;
6642
+ --tabs-danger-pills-hover-border: transparent;
6643
+ --tabs-danger-pills-active-bg: #111827;
6644
+ --tabs-danger-pills-active-fg: #FECDD3;
6645
+ --tabs-danger-pills-active-border: #FDA4AF;
6646
+ --tabs-danger-segmented-bg: #374151;
6647
+ --tabs-danger-segmented-active-bg: #111827;
6648
+ --tabs-danger-segmented-active-fg: #FECDD3;
6649
+ --tabs-danger-segmented-active-border: transparent;
6650
+ --tabs-danger-indicator-bg: #FDA4AF;
6651
+ --tabs-danger-indicator-hover-bg: #FECDD3;
6652
+ --tabs-danger-focus-ring: #FCD34D;
6653
+ --tabs-disabled-bg: transparent;
6654
+ --tabs-disabled-fg: #6B7280;
6655
+ --tabs-disabled-border: transparent;
6298
6656
  --tabs-list-border: #9CA3AF;
6299
- --tabs-trigger-default-bg: transparent;
6300
- --tabs-trigger-default-fg: #EEE8FA;
6301
- --tabs-trigger-default-border: transparent;
6302
- --tabs-trigger-hover-bg: transparent;
6303
- --tabs-trigger-hover-fg: #FCD34D;
6304
- --tabs-trigger-hover-border: transparent;
6305
- --tabs-trigger-active-bg: transparent;
6306
- --tabs-trigger-active-fg: #FBBF24;
6307
- --tabs-trigger-active-border: #FFFFFF;
6308
- --tabs-trigger-focus-ring-color: #FCD34D;
6309
- --tabs-trigger-focus-ring-width: 2px;
6310
- --tabs-trigger-focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
6311
- --tabs-trigger-focus-ring-offset: #000000;
6312
- --tabs-trigger-disabled-bg: transparent;
6313
- --tabs-trigger-disabled-fg: #6B7280;
6314
- --tabs-trigger-disabled-border: transparent;
6315
- --tabs-pills-default-bg: transparent;
6316
- --tabs-pills-default-fg: #EEE8FA;
6317
- --tabs-pills-default-border: transparent;
6318
- --tabs-pills-hover-bg: #374151;
6319
- --tabs-pills-hover-fg: #FFFFFF;
6320
- --tabs-pills-hover-border: #9CA3AF;
6321
- --tabs-pills-active-bg: #FCD34D;
6322
- --tabs-pills-active-fg: #000000;
6323
- --tabs-pills-active-border: #FCD34D;
6324
- --tabs-pills-disabled-bg: transparent;
6325
- --tabs-pills-disabled-fg: #6B7280;
6326
- --tabs-pills-disabled-border: transparent;
6327
- --tabs-indicator-default-bg: #FBBF24;
6328
- --tabs-indicator-hover-bg: #FCD34D;
6329
- --tabs-indicator-active-bg: #FDE68A;
6657
+ --tabs-list-segmented-bg: #374151;
6330
6658
  --tabs-panel-fg: #FFFFFF;
6331
6659
  --tooltip-content-bg: #FFFFFF;
6332
6660
  --tooltip-content-fg: #000000;
6333
6661
  --tooltip-content-border: #FCD34D;
6334
6662
  --tooltip-content-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
6663
+ --tooltip-content-border-width: 1px;
6664
+ --tooltip-content-radius: 8px;
6665
+ --tooltip-content-padding-x: 12px;
6666
+ --tooltip-content-padding-y: 8px;
6667
+ --tooltip-content-max-width: 240px;
6668
+ --tooltip-content-compact-max-width: 200px;
6669
+ --tooltip-content-compact-padding-x: 8px;
6670
+ --tooltip-content-compact-padding-y: 4px;
6671
+ --tooltip-content-font-size: 14px;
6672
+ --tooltip-content-line-height: 20px;
6673
+ --tooltip-content-compact-font-size: 12px;
6674
+ --tooltip-content-compact-line-height: 16px;
6675
+ --tooltip-content-animation-duration: 150ms;
6676
+ --tooltip-content-translate-y: 2px;
6677
+ --tooltip-content-scale: 0.98px;
6335
6678
  --tooltip-arrow-bg: #FFFFFF;
6679
+ --tooltip-arrow-size: 10px;
6680
+ --tooltip-arrow-compact-size: 6px;
6336
6681
  }