@vellira-ui/tokens 2.39.4 → 2.40.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 (22) hide show
  1. package/dist/css/tokens.css +388 -94
  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/factories/createTabsTokens.d.ts +344 -0
  6. package/dist/factories/createTabsTokens.d.ts.map +1 -0
  7. package/dist/factories/createTabsTokens.js +59 -0
  8. package/dist/factories/index.d.ts +1 -0
  9. package/dist/factories/index.d.ts.map +1 -1
  10. package/dist/factories/index.js +1 -0
  11. package/dist/generated/token-types.d.ts +4 -4
  12. package/dist/generated/token-types.d.ts.map +1 -1
  13. package/dist/generated/token-types.js +516 -124
  14. package/dist/highContrast/components/tabs.d.ts +242 -58
  15. package/dist/highContrast/components/tabs.d.ts.map +1 -1
  16. package/dist/highContrast/components/tabs.js +89 -63
  17. package/dist/light/components/select.d.ts +1 -1
  18. package/dist/light/components/select.js +1 -1
  19. package/dist/light/components/tabs.d.ts +242 -58
  20. package/dist/light/components/tabs.d.ts.map +1 -1
  21. package/dist/light/components/tabs.js +89 -63
  22. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -2066,7 +2066,7 @@
2066
2066
  --select-dropdown-search-placeholder: #6B6386;
2067
2067
  --select-dropdown-search-ring: #5037C8;
2068
2068
  --select-dropdown-empty-fg: #6B6386;
2069
- --select-dropdown-group-label-fg: #7352F8;
2069
+ --select-dropdown-group-label-fg: #6346E8;
2070
2070
  --select-dropdown-separator-bg: #E4DDF4;
2071
2071
  --select-clear-button-fg: #958CB0;
2072
2072
  --select-clear-button-hover-fg: #BE123C;
@@ -2104,38 +2104,136 @@
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;
@@ -4194,38 +4292,136 @@
4194
4292
  --select-option-success-fg: #2DD4BF;
4195
4293
  --select-option-warning-fg: #FBBF24;
4196
4294
  --select-option-danger-fg: #FB7185;
4295
+ --tabs-primary-trigger-default-bg: transparent;
4296
+ --tabs-primary-trigger-default-fg: #BBB2D2;
4297
+ --tabs-primary-trigger-default-border: transparent;
4298
+ --tabs-primary-trigger-hover-bg: #FFFFFF11;
4299
+ --tabs-primary-trigger-hover-fg: #F4F1FB;
4300
+ --tabs-primary-trigger-hover-border: transparent;
4301
+ --tabs-primary-trigger-active-bg: transparent;
4302
+ --tabs-primary-trigger-active-fg: #B8A8FF;
4303
+ --tabs-primary-trigger-active-border: #7352F8;
4304
+ --tabs-primary-pills-default-bg: transparent;
4305
+ --tabs-primary-pills-default-fg: #BBB2D2;
4306
+ --tabs-primary-pills-default-border: transparent;
4307
+ --tabs-primary-pills-hover-bg: #21164F;
4308
+ --tabs-primary-pills-hover-fg: #F4F1FB;
4309
+ --tabs-primary-pills-hover-border: transparent;
4310
+ --tabs-primary-pills-active-bg: #342580;
4311
+ --tabs-primary-pills-active-fg: #E9E6FF;
4312
+ --tabs-primary-pills-active-border: #5037C8;
4313
+ --tabs-primary-segmented-bg: #FFFFFF0D;
4314
+ --tabs-primary-segmented-active-bg: #FFFFFF1F;
4315
+ --tabs-primary-segmented-active-fg: #E9E6FF;
4316
+ --tabs-primary-segmented-active-border: transparent;
4317
+ --tabs-primary-indicator-bg: #7352F8;
4318
+ --tabs-primary-indicator-hover-bg: #9B7CFF;
4319
+ --tabs-primary-focus-ring: #B8A8FF;
4320
+ --tabs-neutral-trigger-default-bg: transparent;
4321
+ --tabs-neutral-trigger-default-fg: #BBB2D2;
4322
+ --tabs-neutral-trigger-default-border: transparent;
4323
+ --tabs-neutral-trigger-hover-bg: #2F2A42;
4324
+ --tabs-neutral-trigger-hover-fg: #F4F1FB;
4325
+ --tabs-neutral-trigger-hover-border: transparent;
4326
+ --tabs-neutral-trigger-active-bg: transparent;
4327
+ --tabs-neutral-trigger-active-fg: #F4F1FB;
4328
+ --tabs-neutral-trigger-active-border: #BBB2D2;
4329
+ --tabs-neutral-pills-default-bg: transparent;
4330
+ --tabs-neutral-pills-default-fg: #BBB2D2;
4331
+ --tabs-neutral-pills-default-border: transparent;
4332
+ --tabs-neutral-pills-hover-bg: #2F2A42;
4333
+ --tabs-neutral-pills-hover-fg: #F4F1FB;
4334
+ --tabs-neutral-pills-hover-border: transparent;
4335
+ --tabs-neutral-pills-active-bg: #3D3754;
4336
+ --tabs-neutral-pills-active-fg: #F4F1FB;
4337
+ --tabs-neutral-pills-active-border: #4F4867;
4338
+ --tabs-neutral-segmented-bg: #FFFFFF0D;
4339
+ --tabs-neutral-segmented-active-bg: #FFFFFF1F;
4340
+ --tabs-neutral-segmented-active-fg: #F4F1FB;
4341
+ --tabs-neutral-segmented-active-border: transparent;
4342
+ --tabs-neutral-indicator-bg: #BBB2D2;
4343
+ --tabs-neutral-indicator-hover-bg: #E4DDF4;
4344
+ --tabs-neutral-focus-ring: #B8A8FF;
4345
+ --tabs-success-trigger-default-bg: transparent;
4346
+ --tabs-success-trigger-default-fg: #BBB2D2;
4347
+ --tabs-success-trigger-default-border: transparent;
4348
+ --tabs-success-trigger-hover-bg: #FFFFFF11;
4349
+ --tabs-success-trigger-hover-fg: #F4F1FB;
4350
+ --tabs-success-trigger-hover-border: transparent;
4351
+ --tabs-success-trigger-active-bg: transparent;
4352
+ --tabs-success-trigger-active-fg: #5EEAD4;
4353
+ --tabs-success-trigger-active-border: #14B8A6;
4354
+ --tabs-success-pills-default-bg: transparent;
4355
+ --tabs-success-pills-default-fg: #BBB2D2;
4356
+ --tabs-success-pills-default-border: transparent;
4357
+ --tabs-success-pills-hover-bg: #042F2E;
4358
+ --tabs-success-pills-hover-fg: #F4F1FB;
4359
+ --tabs-success-pills-hover-border: transparent;
4360
+ --tabs-success-pills-active-bg: #134E4A;
4361
+ --tabs-success-pills-active-fg: #CCFBF1;
4362
+ --tabs-success-pills-active-border: #0F766E;
4363
+ --tabs-success-segmented-bg: #FFFFFF0D;
4364
+ --tabs-success-segmented-active-bg: #FFFFFF1F;
4365
+ --tabs-success-segmented-active-fg: #CCFBF1;
4366
+ --tabs-success-segmented-active-border: transparent;
4367
+ --tabs-success-indicator-bg: #14B8A6;
4368
+ --tabs-success-indicator-hover-bg: #2DD4BF;
4369
+ --tabs-success-focus-ring: #B8A8FF;
4370
+ --tabs-warning-trigger-default-bg: transparent;
4371
+ --tabs-warning-trigger-default-fg: #BBB2D2;
4372
+ --tabs-warning-trigger-default-border: transparent;
4373
+ --tabs-warning-trigger-hover-bg: #FFFFFF11;
4374
+ --tabs-warning-trigger-hover-fg: #F4F1FB;
4375
+ --tabs-warning-trigger-hover-border: transparent;
4376
+ --tabs-warning-trigger-active-bg: transparent;
4377
+ --tabs-warning-trigger-active-fg: #FCD34D;
4378
+ --tabs-warning-trigger-active-border: #F59E0B;
4379
+ --tabs-warning-pills-default-bg: transparent;
4380
+ --tabs-warning-pills-default-fg: #BBB2D2;
4381
+ --tabs-warning-pills-default-border: transparent;
4382
+ --tabs-warning-pills-hover-bg: #451A03;
4383
+ --tabs-warning-pills-hover-fg: #F4F1FB;
4384
+ --tabs-warning-pills-hover-border: transparent;
4385
+ --tabs-warning-pills-active-bg: #78350F;
4386
+ --tabs-warning-pills-active-fg: #FEF3C7;
4387
+ --tabs-warning-pills-active-border: #B45309;
4388
+ --tabs-warning-segmented-bg: #FFFFFF0D;
4389
+ --tabs-warning-segmented-active-bg: #FFFFFF1F;
4390
+ --tabs-warning-segmented-active-fg: #FEF3C7;
4391
+ --tabs-warning-segmented-active-border: transparent;
4392
+ --tabs-warning-indicator-bg: #F59E0B;
4393
+ --tabs-warning-indicator-hover-bg: #FBBF24;
4394
+ --tabs-warning-focus-ring: #B8A8FF;
4395
+ --tabs-danger-trigger-default-bg: transparent;
4396
+ --tabs-danger-trigger-default-fg: #BBB2D2;
4397
+ --tabs-danger-trigger-default-border: transparent;
4398
+ --tabs-danger-trigger-hover-bg: #FFFFFF11;
4399
+ --tabs-danger-trigger-hover-fg: #F4F1FB;
4400
+ --tabs-danger-trigger-hover-border: transparent;
4401
+ --tabs-danger-trigger-active-bg: transparent;
4402
+ --tabs-danger-trigger-active-fg: #FDA4AF;
4403
+ --tabs-danger-trigger-active-border: #F43F5E;
4404
+ --tabs-danger-pills-default-bg: transparent;
4405
+ --tabs-danger-pills-default-fg: #BBB2D2;
4406
+ --tabs-danger-pills-default-border: transparent;
4407
+ --tabs-danger-pills-hover-bg: #4C0519;
4408
+ --tabs-danger-pills-hover-fg: #F4F1FB;
4409
+ --tabs-danger-pills-hover-border: transparent;
4410
+ --tabs-danger-pills-active-bg: #881337;
4411
+ --tabs-danger-pills-active-fg: #FFE4E6;
4412
+ --tabs-danger-pills-active-border: #BE123C;
4413
+ --tabs-danger-segmented-bg: #FFFFFF0D;
4414
+ --tabs-danger-segmented-active-bg: #FFFFFF1F;
4415
+ --tabs-danger-segmented-active-fg: #FFE4E6;
4416
+ --tabs-danger-segmented-active-border: transparent;
4417
+ --tabs-danger-indicator-bg: #F43F5E;
4418
+ --tabs-danger-indicator-hover-bg: #FB7185;
4419
+ --tabs-danger-focus-ring: #B8A8FF;
4420
+ --tabs-disabled-bg: transparent;
4421
+ --tabs-disabled-fg: #6B6386;
4422
+ --tabs-disabled-border: transparent;
4197
4423
  --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;
4424
+ --tabs-list-segmented-bg: #FFFFFF0D;
4229
4425
  --tabs-panel-fg: #F4F1FB;
4230
4426
  --tooltip-content-bg: #FFFFFF;
4231
4427
  --tooltip-content-fg: #000000;
@@ -6295,38 +6491,136 @@
6295
6491
  --select-option-success-fg: #5EEAD4;
6296
6492
  --select-option-warning-fg: #FCD34D;
6297
6493
  --select-option-danger-fg: #FB7185;
6494
+ --tabs-primary-trigger-default-bg: transparent;
6495
+ --tabs-primary-trigger-default-fg: #EEE8FA;
6496
+ --tabs-primary-trigger-default-border: transparent;
6497
+ --tabs-primary-trigger-hover-bg: #FCD34D29;
6498
+ --tabs-primary-trigger-hover-fg: #FFFFFF;
6499
+ --tabs-primary-trigger-hover-border: transparent;
6500
+ --tabs-primary-trigger-active-bg: transparent;
6501
+ --tabs-primary-trigger-active-fg: #B8A8FF;
6502
+ --tabs-primary-trigger-active-border: #B8A8FF;
6503
+ --tabs-primary-pills-default-bg: transparent;
6504
+ --tabs-primary-pills-default-fg: #EEE8FA;
6505
+ --tabs-primary-pills-default-border: transparent;
6506
+ --tabs-primary-pills-hover-bg: #FCD34D2E;
6507
+ --tabs-primary-pills-hover-fg: #FFFFFF;
6508
+ --tabs-primary-pills-hover-border: transparent;
6509
+ --tabs-primary-pills-active-bg: #111827;
6510
+ --tabs-primary-pills-active-fg: #D4CCFF;
6511
+ --tabs-primary-pills-active-border: #B8A8FF;
6512
+ --tabs-primary-segmented-bg: #374151;
6513
+ --tabs-primary-segmented-active-bg: #111827;
6514
+ --tabs-primary-segmented-active-fg: #D4CCFF;
6515
+ --tabs-primary-segmented-active-border: transparent;
6516
+ --tabs-primary-indicator-bg: #B8A8FF;
6517
+ --tabs-primary-indicator-hover-bg: #D4CCFF;
6518
+ --tabs-primary-focus-ring: #FCD34D;
6519
+ --tabs-neutral-trigger-default-bg: transparent;
6520
+ --tabs-neutral-trigger-default-fg: #EEE8FA;
6521
+ --tabs-neutral-trigger-default-border: transparent;
6522
+ --tabs-neutral-trigger-hover-bg: #FCD34D29;
6523
+ --tabs-neutral-trigger-hover-fg: #FFFFFF;
6524
+ --tabs-neutral-trigger-hover-border: transparent;
6525
+ --tabs-neutral-trigger-active-bg: transparent;
6526
+ --tabs-neutral-trigger-active-fg: #FFFFFF;
6527
+ --tabs-neutral-trigger-active-border: #FFFFFF;
6528
+ --tabs-neutral-pills-default-bg: transparent;
6529
+ --tabs-neutral-pills-default-fg: #EEE8FA;
6530
+ --tabs-neutral-pills-default-border: transparent;
6531
+ --tabs-neutral-pills-hover-bg: #FCD34D2E;
6532
+ --tabs-neutral-pills-hover-fg: #FFFFFF;
6533
+ --tabs-neutral-pills-hover-border: transparent;
6534
+ --tabs-neutral-pills-active-bg: #111827;
6535
+ --tabs-neutral-pills-active-fg: #FFFFFF;
6536
+ --tabs-neutral-pills-active-border: #FFFFFF;
6537
+ --tabs-neutral-segmented-bg: #374151;
6538
+ --tabs-neutral-segmented-active-bg: #111827;
6539
+ --tabs-neutral-segmented-active-fg: #FFFFFF;
6540
+ --tabs-neutral-segmented-active-border: transparent;
6541
+ --tabs-neutral-indicator-bg: #FFFFFF;
6542
+ --tabs-neutral-indicator-hover-bg: #E5E7EB;
6543
+ --tabs-neutral-focus-ring: #FCD34D;
6544
+ --tabs-success-trigger-default-bg: transparent;
6545
+ --tabs-success-trigger-default-fg: #EEE8FA;
6546
+ --tabs-success-trigger-default-border: transparent;
6547
+ --tabs-success-trigger-hover-bg: #FCD34D29;
6548
+ --tabs-success-trigger-hover-fg: #FFFFFF;
6549
+ --tabs-success-trigger-hover-border: transparent;
6550
+ --tabs-success-trigger-active-bg: transparent;
6551
+ --tabs-success-trigger-active-fg: #5EEAD4;
6552
+ --tabs-success-trigger-active-border: #5EEAD4;
6553
+ --tabs-success-pills-default-bg: transparent;
6554
+ --tabs-success-pills-default-fg: #EEE8FA;
6555
+ --tabs-success-pills-default-border: transparent;
6556
+ --tabs-success-pills-hover-bg: #FCD34D2E;
6557
+ --tabs-success-pills-hover-fg: #FFFFFF;
6558
+ --tabs-success-pills-hover-border: transparent;
6559
+ --tabs-success-pills-active-bg: #111827;
6560
+ --tabs-success-pills-active-fg: #99F6E4;
6561
+ --tabs-success-pills-active-border: #5EEAD4;
6562
+ --tabs-success-segmented-bg: #374151;
6563
+ --tabs-success-segmented-active-bg: #111827;
6564
+ --tabs-success-segmented-active-fg: #99F6E4;
6565
+ --tabs-success-segmented-active-border: transparent;
6566
+ --tabs-success-indicator-bg: #5EEAD4;
6567
+ --tabs-success-indicator-hover-bg: #99F6E4;
6568
+ --tabs-success-focus-ring: #FCD34D;
6569
+ --tabs-warning-trigger-default-bg: transparent;
6570
+ --tabs-warning-trigger-default-fg: #EEE8FA;
6571
+ --tabs-warning-trigger-default-border: transparent;
6572
+ --tabs-warning-trigger-hover-bg: #FCD34D29;
6573
+ --tabs-warning-trigger-hover-fg: #FFFFFF;
6574
+ --tabs-warning-trigger-hover-border: transparent;
6575
+ --tabs-warning-trigger-active-bg: transparent;
6576
+ --tabs-warning-trigger-active-fg: #FCD34D;
6577
+ --tabs-warning-trigger-active-border: #FCD34D;
6578
+ --tabs-warning-pills-default-bg: transparent;
6579
+ --tabs-warning-pills-default-fg: #EEE8FA;
6580
+ --tabs-warning-pills-default-border: transparent;
6581
+ --tabs-warning-pills-hover-bg: #FCD34D2E;
6582
+ --tabs-warning-pills-hover-fg: #FFFFFF;
6583
+ --tabs-warning-pills-hover-border: transparent;
6584
+ --tabs-warning-pills-active-bg: #111827;
6585
+ --tabs-warning-pills-active-fg: #FDE68A;
6586
+ --tabs-warning-pills-active-border: #FCD34D;
6587
+ --tabs-warning-segmented-bg: #374151;
6588
+ --tabs-warning-segmented-active-bg: #111827;
6589
+ --tabs-warning-segmented-active-fg: #FDE68A;
6590
+ --tabs-warning-segmented-active-border: transparent;
6591
+ --tabs-warning-indicator-bg: #FCD34D;
6592
+ --tabs-warning-indicator-hover-bg: #FDE68A;
6593
+ --tabs-warning-focus-ring: #FCD34D;
6594
+ --tabs-danger-trigger-default-bg: transparent;
6595
+ --tabs-danger-trigger-default-fg: #EEE8FA;
6596
+ --tabs-danger-trigger-default-border: transparent;
6597
+ --tabs-danger-trigger-hover-bg: #FCD34D29;
6598
+ --tabs-danger-trigger-hover-fg: #FFFFFF;
6599
+ --tabs-danger-trigger-hover-border: transparent;
6600
+ --tabs-danger-trigger-active-bg: transparent;
6601
+ --tabs-danger-trigger-active-fg: #FDA4AF;
6602
+ --tabs-danger-trigger-active-border: #FDA4AF;
6603
+ --tabs-danger-pills-default-bg: transparent;
6604
+ --tabs-danger-pills-default-fg: #EEE8FA;
6605
+ --tabs-danger-pills-default-border: transparent;
6606
+ --tabs-danger-pills-hover-bg: #FCD34D2E;
6607
+ --tabs-danger-pills-hover-fg: #FFFFFF;
6608
+ --tabs-danger-pills-hover-border: transparent;
6609
+ --tabs-danger-pills-active-bg: #111827;
6610
+ --tabs-danger-pills-active-fg: #FECDD3;
6611
+ --tabs-danger-pills-active-border: #FDA4AF;
6612
+ --tabs-danger-segmented-bg: #374151;
6613
+ --tabs-danger-segmented-active-bg: #111827;
6614
+ --tabs-danger-segmented-active-fg: #FECDD3;
6615
+ --tabs-danger-segmented-active-border: transparent;
6616
+ --tabs-danger-indicator-bg: #FDA4AF;
6617
+ --tabs-danger-indicator-hover-bg: #FECDD3;
6618
+ --tabs-danger-focus-ring: #FCD34D;
6619
+ --tabs-disabled-bg: transparent;
6620
+ --tabs-disabled-fg: #6B7280;
6621
+ --tabs-disabled-border: transparent;
6298
6622
  --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;
6623
+ --tabs-list-segmented-bg: #374151;
6330
6624
  --tabs-panel-fg: #FFFFFF;
6331
6625
  --tooltip-content-bg: #FFFFFF;
6332
6626
  --tooltip-content-fg: #000000;