@mekari/pixel3-theme 0.4.4 → 0.5.0-dev.1

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.
package/dist/index.js CHANGED
@@ -54,11 +54,13 @@ var conditions = {
54
54
  hasBorder: "&[data-has-border=true]",
55
55
  hasBackground: "&[data-has-background=true]",
56
56
  isFullWidth: "&[data-is-full-width=true]",
57
+ isRounded: "&[data-is-rounded=true]",
57
58
  placementLeft: "&[data-placement=left]",
58
59
  placementRight: "&[data-placement=right]",
59
60
  nextTheme: "[data-panda-theme=next] &",
60
61
  light: ".light &",
61
- dark: ".dark &"
62
+ dark: ".dark &",
63
+ enterprise: "[data-product-theme=enterprise] &"
62
64
  }
63
65
  };
64
66
 
@@ -434,7 +436,9 @@ var avatarSlotRecipe = (0, import_dev4.defineSlotRecipe)({
434
436
  defaultVariants: {
435
437
  size: "md",
436
438
  variant: "circle"
437
- }
439
+ },
440
+ // TODO: Check why this recipe need to generate statically
441
+ staticCss: ["*"]
438
442
  });
439
443
  var avatarGroupSlotRecipe = (0, import_dev4.defineSlotRecipe)({
440
444
  className: "avatar-group",
@@ -508,7 +512,9 @@ var avatarGroupSlotRecipe = (0, import_dev4.defineSlotRecipe)({
508
512
  }
509
513
  },
510
514
  compoundVariants: [],
511
- defaultVariants: {}
515
+ defaultVariants: {},
516
+ // TODO: Check why this recipe need to generate statically
517
+ staticCss: ["*"]
512
518
  });
513
519
 
514
520
  // src/recipes/airene-button.ts
@@ -655,6 +661,9 @@ var buttonRecipe = (0, import_dev6.defineRecipe)({
655
661
  _isFullWidth: {
656
662
  width: "full"
657
663
  },
664
+ _isRounded: {
665
+ borderRadius: "full"
666
+ },
658
667
  _loading: {
659
668
  cursor: "wait",
660
669
  position: "absolute",
@@ -902,8 +911,14 @@ var buttonRecipe = (0, import_dev6.defineRecipe)({
902
911
  borderRadius: "sm",
903
912
  textStyle: "label.md",
904
913
  fontWeight: "regular",
914
+ _isRounded: {
915
+ borderRadius: "full"
916
+ },
905
917
  _loading: {
906
- borderRadius: "sm"
918
+ borderRadius: "sm",
919
+ _isRounded: {
920
+ borderRadius: "full"
921
+ }
907
922
  },
908
923
  _hasIcon: {
909
924
  paddingX: "1",
@@ -946,8 +961,14 @@ var buttonRecipe = (0, import_dev6.defineRecipe)({
946
961
  borderRadius: "md",
947
962
  textStyle: "label.md",
948
963
  fontWeight: "semiBold",
964
+ _isRounded: {
965
+ borderRadius: "full"
966
+ },
949
967
  _loading: {
950
- borderRadius: "md"
968
+ borderRadius: "md",
969
+ _isRounded: {
970
+ borderRadius: "full"
971
+ }
951
972
  },
952
973
  _hasIcon: {
953
974
  paddingX: "2",
@@ -1087,16 +1108,18 @@ var buttonGroupRecipe = (0, import_dev6.defineRecipe)({
1087
1108
  gap: "var(--mp-button-group-spacing)",
1088
1109
  "&[data-split-button=true]": {
1089
1110
  gap: "0",
1090
- "& > [data-pixel-component=MpButton]": {
1091
- _first: {
1092
- borderTopRightRadius: "none !important",
1093
- borderBottomRightRadius: "none !important",
1094
- borderRight: "0 !important"
1095
- },
1096
- _last: {
1097
- borderTopLeftRadius: "none !important",
1098
- borderBottomLeftRadius: "none !important"
1099
- }
1111
+ "& > button:first-of-type": {
1112
+ borderTopRightRadius: "none !important",
1113
+ borderBottomRightRadius: "none !important",
1114
+ borderRight: "0 !important"
1115
+ },
1116
+ "& > button:not(:first-of-type):not(:last-of-type)": {
1117
+ borderRadius: "none !important",
1118
+ borderRight: "0 !important"
1119
+ },
1120
+ "& > button:last-of-type": {
1121
+ borderTopLeftRadius: "none !important",
1122
+ borderBottomLeftRadius: "none !important"
1100
1123
  }
1101
1124
  }
1102
1125
  }
@@ -2025,7 +2048,7 @@ var badgeRecipe = (0, import_dev14.defineRecipe)({
2025
2048
  backgroundColor: "sky.400",
2026
2049
  color: "white",
2027
2050
  _nextTheme: {
2028
- backgroundColor: "background.brand.bold",
2051
+ backgroundColor: "background.information.bold",
2029
2052
  color: "text.inverse"
2030
2053
  }
2031
2054
  }
@@ -2086,7 +2109,7 @@ var badgeRecipe = (0, import_dev14.defineRecipe)({
2086
2109
  backgroundColor: "blue.50",
2087
2110
  color: "blue.700",
2088
2111
  _nextTheme: {
2089
- backgroundColor: "background.brand",
2112
+ backgroundColor: "background.information",
2090
2113
  color: "text.information"
2091
2114
  }
2092
2115
  }
@@ -2146,7 +2169,7 @@ var badgeRecipe = (0, import_dev14.defineRecipe)({
2146
2169
  css: {
2147
2170
  backgroundColor: "sky.400",
2148
2171
  _nextTheme: {
2149
- backgroundColor: "icon.brand",
2172
+ backgroundColor: "icon.information",
2150
2173
  color: "text.inverse"
2151
2174
  }
2152
2175
  }
@@ -3471,7 +3494,17 @@ var modalSlotRecipe = (0, import_dev27.defineSlotRecipe)({
3471
3494
  },
3472
3495
  body: {
3473
3496
  p: 4,
3474
- flex: 1
3497
+ flex: 1,
3498
+ '&[data-drawer-variant="floating"]': {
3499
+ rounded: "lg",
3500
+ background: "background.stage",
3501
+ px: "0",
3502
+ pt: "0",
3503
+ pb: "4",
3504
+ _focus: {
3505
+ outline: "none"
3506
+ }
3507
+ }
3475
3508
  },
3476
3509
  contentRoot: {
3477
3510
  pos: "fixed",
@@ -3499,6 +3532,11 @@ var modalSlotRecipe = (0, import_dev27.defineSlotRecipe)({
3499
3532
  '&[data-modal-type="drawer"]': {
3500
3533
  borderColor: "border.default"
3501
3534
  }
3535
+ },
3536
+ '&[data-modal-type="drawer"][data-drawer-variant="floating"]': {
3537
+ background: "transparent",
3538
+ borderWidth: "0px !important",
3539
+ p: "3"
3502
3540
  }
3503
3541
  },
3504
3542
  header: {
@@ -5552,7 +5590,7 @@ var bannerSlotRecipe = (0, import_dev39.defineSlotRecipe)({
5552
5590
  root: {
5553
5591
  backgroundColor: "blue.50",
5554
5592
  _nextTheme: {
5555
- backgroundColor: "background.brand"
5593
+ backgroundColor: "background.information"
5556
5594
  }
5557
5595
  }
5558
5596
  },
@@ -6575,6 +6613,7 @@ var import_dev51 = require("@pandacss/dev");
6575
6613
  var colors = import_dev51.defineTokens.colors({
6576
6614
  debug: { value: "blue" },
6577
6615
  currentcolor: { value: "currentcolor" },
6616
+ transparent: { value: "transparent" },
6578
6617
  dark: { value: "#232933" },
6579
6618
  background: { value: "#F1F5F9" },
6580
6619
  overlay: { value: "rgba(22, 26, 32, 0.8)" },
@@ -6822,6 +6861,7 @@ var spacing = import_dev57.defineTokens.spacing({
6822
6861
  1: { value: "0.25rem", description: "4px" },
6823
6862
  1.5: { value: "0.375rem", description: "6px" },
6824
6863
  2: { value: "0.5rem", description: "8px" },
6864
+ 2.5: { value: "0.625rem", description: "10px" },
6825
6865
  3: { value: "0.75rem", description: "12px" },
6826
6866
  4: { value: "1rem", description: "16px" },
6827
6867
  5: { value: "1.3rem", description: "20px" },
@@ -6927,6 +6967,7 @@ var import_dev62 = require("@pandacss/dev");
6927
6967
  var colors2 = import_dev62.defineTokens.colors({
6928
6968
  debug: { value: "red" },
6929
6969
  currentcolor: { value: "currentcolor" },
6970
+ transparent: { value: "#FFFFFF00" },
6930
6971
  white: { value: "#FFFFFF" },
6931
6972
  vibrantPurple: { value: "linear-gradient(98deg, #F8F9FB 0%, #B5A2EC 50.01%, #4B61DD 100%)" },
6932
6973
  lightPurple: {
@@ -6950,7 +6991,14 @@ var colors2 = import_dev62.defineTokens.colors({
6950
6991
  700: { value: "#8C9BAB" },
6951
6992
  800: { value: "#9FADBC" },
6952
6993
  900: { value: "#B6C2CF" },
6953
- 1e3: { value: "#C7D1DB" }
6994
+ 1e3: { value: "#C7D1DB" },
6995
+ "100a": { value: "#bcd6f00a" },
6996
+ "200a": { value: "#a1bdd914" },
6997
+ "250a": { value: "#c8e1f91f" },
6998
+ "300a": { value: "#a6c5e229" },
6999
+ "350a": { value: "#c3defe33" },
7000
+ "400a": { value: "#bfdbf847" },
7001
+ "500a": { value: "#9bb4ca85" }
6954
7002
  },
6955
7003
  neutral: {
6956
7004
  100: { value: "#F7F8F9" },
@@ -6962,7 +7010,29 @@ var colors2 = import_dev62.defineTokens.colors({
6962
7010
  700: { value: "#656F80" },
6963
7011
  800: { value: "#4C5460" },
6964
7012
  900: { value: "#383E48" },
6965
- 1e3: { value: "#272B32" }
7013
+ 1e3: { value: "#272B32" },
7014
+ "100a": { value: "#1d1f240a" },
7015
+ "200a": { value: "#1d1f2414" },
7016
+ "300a": { value: "#1d1f2429" },
7017
+ "400a": { value: "#1d1f2452" },
7018
+ "500a": { value: "#1d1f247a" }
7019
+ },
7020
+ slate: {
7021
+ 100: { value: "#F8F9F9" },
7022
+ 200: { value: "#EBF0F1" },
7023
+ 300: { value: "#E3E7E9" },
7024
+ 400: { value: "#8C9596" },
7025
+ 500: { value: "#6E7A7C" },
7026
+ 600: { value: "#536062" },
7027
+ 700: { value: "#3A4749" },
7028
+ 800: { value: "#243032" },
7029
+ 900: { value: "#121C1E" },
7030
+ 1e3: { value: "#080D0E" },
7031
+ "100a": { value: "#1d1f240a" },
7032
+ "200a": { value: "#1d1f2414" },
7033
+ "300a": { value: "#1d1f2429" },
7034
+ "400a": { value: "#1d1f2452" },
7035
+ "500a": { value: "#1d1f247a" }
6966
7036
  },
6967
7037
  blue: {
6968
7038
  100: { value: "#ECF3FE" },
@@ -7073,7 +7143,7 @@ var colors2 = import_dev62.defineTokens.colors({
7073
7143
  1e3: { value: "#0B3524" }
7074
7144
  },
7075
7145
  teal: {
7076
- 100: { value: "#F2F9F6" },
7146
+ 100: { value: "#EAF9F7" },
7077
7147
  200: { value: "#C4EDE9" },
7078
7148
  300: { value: "#92DED6" },
7079
7149
  400: { value: "#4FCABC" },
@@ -7084,6 +7154,18 @@ var colors2 = import_dev62.defineTokens.colors({
7084
7154
  900: { value: "#084841" },
7085
7155
  1e3: { value: "#06342F" }
7086
7156
  },
7157
+ emerald: {
7158
+ 100: { value: "#F0FBF7" },
7159
+ 200: { value: "#D6F4E9" },
7160
+ 300: { value: "#B7E9D8" },
7161
+ 400: { value: "#7EDAC0" },
7162
+ 500: { value: "#41C6A0" },
7163
+ 600: { value: "#1FB088" },
7164
+ 700: { value: "#029861" },
7165
+ 800: { value: "#0F6D4D" },
7166
+ 900: { value: "#0E4F3A" },
7167
+ 1e3: { value: "#142D26" }
7168
+ },
7087
7169
  brand: {
7088
7170
  capital: { value: "#2F5573" },
7089
7171
  esign: { value: "#00C853" },
@@ -7191,57 +7273,90 @@ var import_dev69 = require("@pandacss/dev");
7191
7273
  // src/semanticTokens/colors.ts
7192
7274
  var import_dev67 = require("@pandacss/dev");
7193
7275
  var colors3 = import_dev67.defineSemanticTokens.colors({
7276
+ // BACKGROUND SEMANTIC TOKENS
7194
7277
  background: {
7195
7278
  surface: {
7196
- value: {
7197
- base: "#F1F5F9",
7198
- // Doens't have raw token
7199
- _light: "#F1F5F9",
7200
- // Doesn't have raw token
7201
- _dark: "{colors.dark}"
7279
+ DEFAULT: {
7280
+ value: {
7281
+ base: "#F1F5F9",
7282
+ // Doesn't have raw token
7283
+ _light: "#F1F5F9",
7284
+ // Doesn't have raw token
7285
+ _dark: "{colors.dark}",
7286
+ _enterprise: "{colors.slate.100}"
7287
+ }
7288
+ },
7289
+ bold: {
7290
+ value: {
7291
+ base: "{colors.neutral.1000}",
7292
+ _light: "{colors.neutral.1000}",
7293
+ _dark: "{colors.neutral.100}",
7294
+ _enterprise: "{colors.emerald.1000}"
7295
+ }
7296
+ }
7297
+ },
7298
+ information: {
7299
+ DEFAULT: {
7300
+ value: {
7301
+ base: "{colors.indigo.100}",
7302
+ _light: "{colors.indigo.100}",
7303
+ _dark: "{colors.indigo.1000}",
7304
+ _enterprise: "{colors.indigo.100}"
7305
+ }
7306
+ },
7307
+ bold: {
7308
+ value: {
7309
+ base: "{colors.indigo.700}",
7310
+ _light: "{colors.indigo.700}",
7311
+ _dark: "{colors.indigo.400}",
7312
+ _enterprise: "{colors.indigo.700}"
7313
+ }
7202
7314
  }
7203
7315
  },
7204
7316
  stage: {
7205
7317
  value: {
7206
7318
  base: "{colors.white}",
7207
7319
  _light: "{colors.white}",
7208
- _dark: "{colors.dark.100}"
7320
+ _dark: "{colors.dark.100}",
7321
+ _enterprise: "{colors.white}"
7209
7322
  }
7210
7323
  },
7211
7324
  overlay: {
7212
7325
  value: {
7213
- base: "rgba(35, 41, 51, 0.80)",
7214
- // Doens't have raw token
7215
- _light: "rgba(35, 41, 51, 0.80)",
7326
+ base: "#232933CC",
7216
7327
  // Doesn't have raw token
7217
- _dark: "rgba(101, 127, 153, 0.8)"
7328
+ _light: "#232933CC",
7329
+ // Doesn't have raw token
7330
+ _dark: "#657F9980",
7331
+ // Doesn't have raw token
7332
+ _enterprise: "#222222CC"
7218
7333
  // Doesn't have raw token
7219
7334
  }
7220
7335
  },
7221
7336
  disabled: {
7222
7337
  value: {
7223
- base: "rgba(29, 31, 36, 0.04)",
7224
- // Doesn't have raw token
7225
- _light: "rgba(29, 31, 36, 0.04)",
7226
- // Doesn't have raw token
7227
- _dark: "rgba(188, 214, 240, 0.04)"
7228
- // Doesn't have raw token
7338
+ base: "{colors.neutral.100a}",
7339
+ _light: "{colors.neutral.100a}",
7340
+ _dark: "{colors.dark.100a}",
7341
+ _enterprise: "{colors.slate.100}"
7229
7342
  }
7230
7343
  },
7231
7344
  inverse: {
7232
7345
  value: {
7233
7346
  base: "{colors.dark.100}",
7234
7347
  _light: "{colors.dark.100}",
7235
- _dark: "{colors.white}"
7348
+ _dark: "{colors.white}",
7349
+ _enterprise: "{colors.dark.100}"
7236
7350
  }
7237
7351
  },
7238
7352
  shadow: {
7239
7353
  value: {
7240
- base: "rgba(29, 31, 36, 0.16)",
7354
+ base: "#1D1F2429",
7241
7355
  // Doesn't have raw token
7242
- _light: "rgba(29, 31, 36, 0.16)",
7356
+ _light: "#1D1F2429",
7243
7357
  // Doesn't have raw token
7244
- _dark: "rgba(22, 26, 29, 1)"
7358
+ _dark: "{colors.dark}",
7359
+ _enterprise: "#1D1F2429"
7245
7360
  // Doesn't have raw token
7246
7361
  }
7247
7362
  },
@@ -7250,21 +7365,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7250
7365
  value: {
7251
7366
  base: "{colors.white}",
7252
7367
  _light: "{colors.white}",
7253
- _dark: "{colors.dark.200}"
7368
+ _dark: "{colors.dark.200}",
7369
+ _enterprise: "{colors.white}"
7254
7370
  }
7255
7371
  },
7256
7372
  hovered: {
7257
7373
  value: {
7258
7374
  base: "{colors.neutral.100}",
7259
7375
  _light: "{colors.neutral.100}",
7260
- _dark: "{colors.dark.250}"
7376
+ _dark: "{colors.dark.250}",
7377
+ _enterprise: "{colors.slate.100}"
7261
7378
  }
7262
7379
  },
7263
7380
  pressed: {
7264
7381
  value: {
7265
7382
  base: "{colors.neutral.200}",
7266
7383
  _light: "{colors.neutral.200}",
7267
- _dark: "{colors.dark.300}"
7384
+ _dark: "{colors.dark.300}",
7385
+ _enterprise: "{colors.slate.200}"
7386
+ }
7387
+ },
7388
+ selected: {
7389
+ value: {
7390
+ base: "{colors.neutral.100}",
7391
+ _light: "{colors.neutral.100}",
7392
+ _dark: "{colors.dark.250}",
7393
+ _enterprise: "{colors.slate.100}"
7268
7394
  }
7269
7395
  },
7270
7396
  subtle: {
@@ -7272,21 +7398,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7272
7398
  value: {
7273
7399
  base: "{colors.neutral.200}",
7274
7400
  _light: "{colors.neutral.200}",
7275
- _dark: "{colors.dark.300}"
7401
+ _dark: "{colors.dark.300}",
7402
+ _enterprise: "{colors.slate.100}"
7276
7403
  }
7277
7404
  },
7278
7405
  hovered: {
7279
7406
  value: {
7280
7407
  base: "{colors.neutral.300}",
7281
7408
  _light: "{colors.neutral.300}",
7282
- _dark: "{colors.dark.350}"
7409
+ _dark: "{colors.dark.350}",
7410
+ _enterprise: "{colors.slate.200}"
7283
7411
  }
7284
7412
  },
7285
7413
  pressed: {
7286
7414
  value: {
7287
7415
  base: "{colors.neutral.400}",
7288
7416
  _light: "{colors.neutral.400}",
7289
- _dark: "{colors.dark.400}"
7417
+ _dark: "{colors.dark.400}",
7418
+ _enterprise: "{colors.slate.300}"
7419
+ }
7420
+ },
7421
+ selected: {
7422
+ value: {
7423
+ base: "{colors.neutral.300}",
7424
+ _light: "{colors.neutral.300}",
7425
+ _dark: "{colors.dark.350}",
7426
+ _enterprise: "{colors.slate.200}"
7290
7427
  }
7291
7428
  }
7292
7429
  },
@@ -7295,21 +7432,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7295
7432
  value: {
7296
7433
  base: "{colors.neutral.800}",
7297
7434
  _light: "{colors.neutral.800}",
7298
- _dark: "{colors.dark.800}"
7435
+ _dark: "{colors.dark.800}",
7436
+ _enterprise: "{colors.slate.800}"
7299
7437
  }
7300
7438
  },
7301
7439
  hovered: {
7302
7440
  value: {
7303
7441
  base: "{colors.neutral.900}",
7304
7442
  _light: "{colors.neutral.900}",
7305
- _dark: "{colors.dark.900}"
7443
+ _dark: "{colors.dark.900}",
7444
+ _enterprise: "{colors.slate.900}"
7306
7445
  }
7307
7446
  },
7308
7447
  pressed: {
7309
7448
  value: {
7310
7449
  base: "{colors.neutral.1000}",
7311
7450
  _light: "{colors.neutral.1000}",
7312
- _dark: "{colors.dark.1000}"
7451
+ _dark: "{colors.dark.1000}",
7452
+ _enterprise: "{colors.slate.1000}"
7453
+ }
7454
+ },
7455
+ selected: {
7456
+ value: {
7457
+ base: "{colors.neutral.900}",
7458
+ _light: "{colors.neutral.900}",
7459
+ _dark: "{colors.dark.900}",
7460
+ _enterprise: "{colors.slate.900}"
7313
7461
  }
7314
7462
  }
7315
7463
  }
@@ -7319,28 +7467,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7319
7467
  value: {
7320
7468
  base: "{colors.indigo.100}",
7321
7469
  _light: "{colors.indigo.100}",
7322
- _dark: "{colors.indigo.1000}"
7470
+ _dark: "{colors.indigo.1000}",
7471
+ _enterprise: "{colors.emerald.100}"
7323
7472
  }
7324
7473
  },
7325
7474
  hovered: {
7326
7475
  value: {
7327
7476
  base: "{colors.indigo.200}",
7328
7477
  _light: "{colors.indigo.200}",
7329
- _dark: "{colors.indigo.900}"
7478
+ _dark: "{colors.indigo.900}",
7479
+ _enterprise: "{colors.emerald.200}"
7330
7480
  }
7331
7481
  },
7332
7482
  pressed: {
7333
7483
  value: {
7334
7484
  base: "{colors.indigo.300}",
7335
7485
  _light: "{colors.indigo.300}",
7336
- _dark: "{colors.indigo.800}"
7486
+ _dark: "{colors.indigo.800}",
7487
+ _enterprise: "{colors.emerald.300}"
7337
7488
  }
7338
7489
  },
7339
7490
  selected: {
7340
7491
  value: {
7341
7492
  base: "{colors.indigo.200}",
7342
7493
  _light: "{colors.indigo.200}",
7343
- _dark: "{colors.indigo.900}"
7494
+ _dark: "{colors.indigo.900}",
7495
+ _enterprise: "{colors.emerald.200}"
7344
7496
  }
7345
7497
  },
7346
7498
  bold: {
@@ -7348,28 +7500,42 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7348
7500
  value: {
7349
7501
  base: "{colors.indigo.700}",
7350
7502
  _light: "{colors.indigo.700}",
7351
- _dark: "{colors.indigo.400}"
7503
+ _dark: "{colors.indigo.400}",
7504
+ _enterprise: "{colors.emerald.700}"
7352
7505
  }
7353
7506
  },
7354
7507
  hovered: {
7355
7508
  value: {
7356
7509
  base: "{colors.indigo.800}",
7357
7510
  _light: "{colors.indigo.800}",
7358
- _dark: "{colors.indigo.300}"
7511
+ _dark: "{colors.indigo.300}",
7512
+ _enterprise: "{colors.emerald.800}"
7359
7513
  }
7360
7514
  },
7361
7515
  pressed: {
7362
7516
  value: {
7363
7517
  base: "{colors.indigo.900}",
7364
7518
  _light: "{colors.indigo.900}",
7365
- _dark: "{colors.indigo.200}"
7519
+ _dark: "{colors.indigo.200}",
7520
+ _enterprise: "{colors.emerald.900}"
7366
7521
  }
7367
7522
  },
7368
7523
  selected: {
7369
- value: {
7370
- base: "{colors.indigo.700}",
7371
- _light: "{colors.indigo.700}",
7372
- _dark: "{colors.indigo.400}"
7524
+ DEFAULT: {
7525
+ value: {
7526
+ base: "{colors.indigo.800}",
7527
+ _light: "{colors.indigo.800}",
7528
+ _dark: "{colors.indigo.300}",
7529
+ _enterprise: "{colors.emerald.800}"
7530
+ }
7531
+ },
7532
+ disabled: {
7533
+ value: {
7534
+ base: "{colors.indigo.200}",
7535
+ _light: "{colors.indigo.200}",
7536
+ _dark: "{colors.indigo.900}",
7537
+ _enterprise: "{colors.emerald.200}"
7538
+ }
7373
7539
  }
7374
7540
  }
7375
7541
  }
@@ -7379,21 +7545,24 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7379
7545
  value: {
7380
7546
  base: "{colors.dark.200}",
7381
7547
  _light: "{colors.dark.200}",
7382
- _dark: "{colors.dark.200}"
7548
+ _dark: "{colors.dark.200}",
7549
+ _enterprise: "{colors.dark.250}"
7383
7550
  }
7384
7551
  },
7385
7552
  hovered: {
7386
7553
  value: {
7387
7554
  base: "{colors.dark.300}",
7388
7555
  _light: "{colors.dark.300}",
7389
- _dark: "{colors.dark.300}"
7556
+ _dark: "{colors.dark.300}",
7557
+ _enterprise: "{colors.dark.300}"
7390
7558
  }
7391
7559
  },
7392
7560
  pressed: {
7393
7561
  value: {
7394
7562
  base: "{colors.dark.400}",
7395
7563
  _light: "{colors.dark.400}",
7396
- _dark: "{colors.dark.400}"
7564
+ _dark: "{colors.dark.400}",
7565
+ _enterprise: "{colors.dark.400}"
7397
7566
  }
7398
7567
  }
7399
7568
  },
@@ -7402,21 +7571,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7402
7571
  value: {
7403
7572
  base: "{colors.red.100}",
7404
7573
  _light: "{colors.red.100}",
7405
- _dark: "{colors.red.1000}"
7574
+ _dark: "{colors.red.1000}",
7575
+ _enterprise: "{colors.red.100}"
7406
7576
  }
7407
7577
  },
7408
7578
  hovered: {
7409
7579
  value: {
7410
7580
  base: "{colors.red.200}",
7411
7581
  _light: "{colors.red.200}",
7412
- _dark: "{colors.red.900}"
7582
+ _dark: "{colors.red.900}",
7583
+ _enterprise: "{colors.red.200}"
7413
7584
  }
7414
7585
  },
7415
7586
  pressed: {
7416
7587
  value: {
7417
7588
  base: "{colors.red.300}",
7418
7589
  _light: "{colors.red.300}",
7419
- _dark: "{colors.red.800}"
7590
+ _dark: "{colors.red.800}",
7591
+ _enterprise: "{colors.red.300}"
7592
+ }
7593
+ },
7594
+ selected: {
7595
+ value: {
7596
+ base: "{colors.red.200}",
7597
+ _light: "{colors.red.200}",
7598
+ _dark: "{colors.red.900}",
7599
+ _enterprise: "{colors.red.200}"
7420
7600
  }
7421
7601
  },
7422
7602
  bold: {
@@ -7424,21 +7604,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7424
7604
  value: {
7425
7605
  base: "{colors.red.700}",
7426
7606
  _light: "{colors.red.700}",
7427
- _dark: "{colors.red.400}"
7607
+ _dark: "{colors.red.400}",
7608
+ _enterprise: "{colors.red.700}"
7428
7609
  }
7429
7610
  },
7430
7611
  hovered: {
7431
7612
  value: {
7432
7613
  base: "{colors.red.800}",
7433
7614
  _light: "{colors.red.800}",
7434
- _dark: "{colors.red.300}"
7615
+ _dark: "{colors.red.300}",
7616
+ _enterprise: "{colors.red.800}"
7435
7617
  }
7436
7618
  },
7437
7619
  pressed: {
7438
7620
  value: {
7439
7621
  base: "{colors.red.900}",
7440
7622
  _light: "{colors.red.900}",
7441
- _dark: "{colors.red.200}"
7623
+ _dark: "{colors.red.200}",
7624
+ _enterprise: "{colors.red.900}"
7625
+ }
7626
+ },
7627
+ selected: {
7628
+ value: {
7629
+ base: "{colors.red.800}",
7630
+ _light: "{colors.red.800}",
7631
+ _dark: "{colors.red.300}",
7632
+ _enterprise: "{colors.red.800}"
7442
7633
  }
7443
7634
  }
7444
7635
  }
@@ -7448,21 +7639,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7448
7639
  value: {
7449
7640
  base: "{colors.yellow.100}",
7450
7641
  _light: "{colors.yellow.100}",
7451
- _dark: "{colors.yellow.1000}"
7642
+ _dark: "{colors.yellow.1000}",
7643
+ _enterprise: "{colors.yellow.100}"
7452
7644
  }
7453
7645
  },
7454
7646
  hovered: {
7455
7647
  value: {
7456
7648
  base: "{colors.yellow.200}",
7457
7649
  _light: "{colors.yellow.200}",
7458
- _dark: "{colors.yellow.900}"
7650
+ _dark: "{colors.yellow.900}",
7651
+ _enterprise: "{colors.yellow.200}"
7459
7652
  }
7460
7653
  },
7461
7654
  pressed: {
7462
7655
  value: {
7463
7656
  base: "{colors.yellow.300}",
7464
7657
  _light: "{colors.yellow.300}",
7465
- _dark: "{colors.yellow.800}"
7658
+ _dark: "{colors.yellow.800}",
7659
+ _enterprise: "{colors.yellow.300}"
7660
+ }
7661
+ },
7662
+ selected: {
7663
+ value: {
7664
+ base: "{colors.yellow.200}",
7665
+ _light: "{colors.yellow.200}",
7666
+ _dark: "{colors.yellow.900}",
7667
+ _enterprise: "{colors.yellow.200}"
7466
7668
  }
7467
7669
  },
7468
7670
  bold: {
@@ -7470,21 +7672,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7470
7672
  value: {
7471
7673
  base: "{colors.yellow.300}",
7472
7674
  _light: "{colors.yellow.300}",
7473
- _dark: "{colors.yellow.300}"
7675
+ _dark: "{colors.yellow.300}",
7676
+ _enterprise: "{colors.yellow.300}"
7474
7677
  }
7475
7678
  },
7476
7679
  hovered: {
7477
7680
  value: {
7478
7681
  base: "{colors.yellow.400}",
7479
7682
  _light: "{colors.yellow.400}",
7480
- _dark: "{colors.yellow.400}"
7683
+ _dark: "{colors.yellow.400}",
7684
+ _enterprise: "{colors.yellow.400}"
7481
7685
  }
7482
7686
  },
7483
7687
  pressed: {
7484
7688
  value: {
7485
7689
  base: "{colors.yellow.500}",
7486
7690
  _light: "{colors.yellow.500}",
7487
- _dark: "{colors.yellow.500}"
7691
+ _dark: "{colors.yellow.500}",
7692
+ _enterprise: "{colors.yellow.500}"
7693
+ }
7694
+ },
7695
+ selected: {
7696
+ value: {
7697
+ base: "{colors.yellow.400}",
7698
+ _light: "{colors.yellow.400}",
7699
+ _dark: "{colors.yellow.400}",
7700
+ _enterprise: "{colors.yellow.400}"
7488
7701
  }
7489
7702
  }
7490
7703
  }
@@ -7494,21 +7707,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7494
7707
  value: {
7495
7708
  base: "{colors.green.100}",
7496
7709
  _light: "{colors.green.100}",
7497
- _dark: "{colors.green.1000}"
7710
+ _dark: "{colors.green.1000}",
7711
+ _enterprise: "{colors.green.100}"
7498
7712
  }
7499
7713
  },
7500
7714
  hovered: {
7501
7715
  value: {
7502
7716
  base: "{colors.green.200}",
7503
7717
  _light: "{colors.green.200}",
7504
- _dark: "{colors.green.900}"
7718
+ _dark: "{colors.green.900}",
7719
+ _enterprise: "{colors.green.200}"
7505
7720
  }
7506
7721
  },
7507
7722
  pressed: {
7508
7723
  value: {
7509
7724
  base: "{colors.green.300}",
7510
7725
  _light: "{colors.green.300}",
7511
- _dark: "{colors.green.800}"
7726
+ _dark: "{colors.green.800}",
7727
+ _enterprise: "{colors.green.300}"
7728
+ }
7729
+ },
7730
+ selected: {
7731
+ value: {
7732
+ base: "{colors.green.200}",
7733
+ _light: "{colors.green.200}",
7734
+ _dark: "{colors.green.900}",
7735
+ _enterprise: "{colors.green.200}"
7512
7736
  }
7513
7737
  },
7514
7738
  bold: {
@@ -7516,21 +7740,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7516
7740
  value: {
7517
7741
  base: "{colors.green.700}",
7518
7742
  _light: "{colors.green.700}",
7519
- _dark: "{colors.green.400}"
7743
+ _dark: "{colors.green.400}",
7744
+ _enterprise: "{colors.green.700}"
7520
7745
  }
7521
7746
  },
7522
7747
  hovered: {
7523
7748
  value: {
7524
7749
  base: "{colors.green.800}",
7525
7750
  _light: "{colors.green.800}",
7526
- _dark: "{colors.green.300}"
7751
+ _dark: "{colors.green.300}",
7752
+ _enterprise: "{colors.green.800}"
7527
7753
  }
7528
7754
  },
7529
7755
  pressed: {
7530
7756
  value: {
7531
7757
  base: "{colors.green.900}",
7532
7758
  _light: "{colors.green.900}",
7533
- _dark: "{colors.green.200}"
7759
+ _dark: "{colors.green.200}",
7760
+ _enterprise: "{colors.green.900}"
7761
+ }
7762
+ },
7763
+ selected: {
7764
+ value: {
7765
+ base: "{colors.green.800}",
7766
+ _light: "{colors.green.800}",
7767
+ _dark: "{colors.green.400}",
7768
+ _enterprise: "{colors.green.800}"
7534
7769
  }
7535
7770
  }
7536
7771
  }
@@ -7540,21 +7775,32 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7540
7775
  value: {
7541
7776
  base: "{colors.violet.100}",
7542
7777
  _light: "{colors.violet.100}",
7543
- _dark: "{colors.violet.1000}"
7778
+ _dark: "{colors.violet.1000}",
7779
+ _enterprise: "{colors.violet.100}"
7544
7780
  }
7545
7781
  },
7546
7782
  hovered: {
7547
7783
  value: {
7548
7784
  base: "{colors.violet.200}",
7549
7785
  _light: "{colors.violet.200}",
7550
- _dark: "{colors.violet.900}"
7786
+ _dark: "{colors.violet.900}",
7787
+ _enterprise: "{colors.violet.200}"
7551
7788
  }
7552
7789
  },
7553
7790
  pressed: {
7554
7791
  value: {
7555
7792
  base: "{colors.violet.300}",
7556
7793
  _light: "{colors.violet.300}",
7557
- _dark: "{colors.violet.800}"
7794
+ _dark: "{colors.violet.800}",
7795
+ _enterprise: "{colors.violet.300}"
7796
+ }
7797
+ },
7798
+ selected: {
7799
+ value: {
7800
+ base: "{colors.violet.200}",
7801
+ _light: "{colors.violet.200}",
7802
+ _dark: "{colors.violet.900}",
7803
+ _enterprise: "{colors.violet.200}"
7558
7804
  }
7559
7805
  },
7560
7806
  bold: {
@@ -7562,21 +7808,93 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7562
7808
  value: {
7563
7809
  base: "{colors.violet.700}",
7564
7810
  _light: "{colors.violet.700}",
7565
- _dark: "{colors.violet.400}"
7811
+ _dark: "{colors.violet.400}",
7812
+ _enterprise: "{colors.violet.700}"
7566
7813
  }
7567
7814
  },
7568
7815
  hovered: {
7569
7816
  value: {
7570
7817
  base: "{colors.violet.800}",
7571
7818
  _light: "{colors.violet.800}",
7572
- _dark: "{colors.violet.300}"
7819
+ _dark: "{colors.violet.300}",
7820
+ _enterprise: "{colors.violet.800}"
7573
7821
  }
7574
7822
  },
7575
7823
  pressed: {
7576
7824
  value: {
7577
7825
  base: "{colors.violet.900}",
7578
7826
  _light: "{colors.violet.900}",
7579
- _dark: "{colors.violet.200}"
7827
+ _dark: "{colors.violet.200}",
7828
+ _enterprise: "{colors.violet.900}"
7829
+ }
7830
+ },
7831
+ selected: {
7832
+ value: {
7833
+ base: "{colors.violet.800}",
7834
+ _light: "{colors.violet.800}",
7835
+ _dark: "{colors.violet.300}",
7836
+ _enterprise: "{colors.violet.800}"
7837
+ }
7838
+ }
7839
+ }
7840
+ },
7841
+ nav: {
7842
+ parent: {
7843
+ value: {
7844
+ base: "#E7EDF5",
7845
+ // Doesn't have raw token
7846
+ _light: "#E7EDF5",
7847
+ // Doesn't have raw token
7848
+ _dark: "{colors.dark.100}",
7849
+ _enterprise: "{colors.emerald.1000}"
7850
+ }
7851
+ },
7852
+ stack: {
7853
+ DEFAULT: {
7854
+ value: {
7855
+ base: "{colors.neutral.100}",
7856
+ _light: "{colors.neutral.100}",
7857
+ _dark: "{colors.dark}",
7858
+ _enterprise: "{colors.neutral.100}"
7859
+ }
7860
+ },
7861
+ hovered: {
7862
+ value: {
7863
+ base: "#E7EDF5",
7864
+ // Doesn't have raw token
7865
+ _light: "#E7EDF5",
7866
+ // Doesn't have raw token
7867
+ _dark: "{colors.dark.100}",
7868
+ _enterprise: "{colors.emerald.200}"
7869
+ }
7870
+ }
7871
+ }
7872
+ },
7873
+ header: {
7874
+ DEFAULT: {
7875
+ value: {
7876
+ base: "{colors.white}",
7877
+ _light: "{colors.white}",
7878
+ _dark: "{colors.dark.100}",
7879
+ _enterprise: "{colors.emerald.1000}"
7880
+ }
7881
+ },
7882
+ menu: {
7883
+ hovered: {
7884
+ value: {
7885
+ base: "{colors.transparent}",
7886
+ _light: "{colors.transparent}",
7887
+ _dark: "{colors.transparent}",
7888
+ _enterprise: "#265C5880"
7889
+ // Doesn't have raw token
7890
+ }
7891
+ },
7892
+ selected: {
7893
+ value: {
7894
+ base: "{colors.transparent}",
7895
+ _light: "{colors.transparent}",
7896
+ _dark: "{colors.transparent}",
7897
+ _enterprise: "{colors.lime.300}"
7580
7898
  }
7581
7899
  }
7582
7900
  }
@@ -7584,14 +7902,17 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7584
7902
  airene: {
7585
7903
  value: {
7586
7904
  base: "radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%)",
7587
- // Doens't have raw token
7905
+ // Doesn't have raw token
7588
7906
  _light: "radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%)",
7589
7907
  // Doesn't have raw token
7590
- _dark: "radial-gradient(108.28% 139.29% at 0% 0%, #1D2656 0%, #2B2549 100%)"
7908
+ _dark: "radial-gradient(108.28% 139.29% at 0% 0%, #1D2656 0%, #2B2549 100%)",
7909
+ // Doesn't have raw token
7910
+ _enterprise: "radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%)"
7591
7911
  // Doesn't have raw token
7592
7912
  }
7593
7913
  }
7594
7914
  },
7915
+ // NAVIGATION SEMANTIC TOKENS (REMOVE AFTER NAV IN BACKGROUND IS UPDATED)
7595
7916
  nav: {
7596
7917
  parent: {
7597
7918
  value: {
@@ -7599,7 +7920,8 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7599
7920
  // Doesn't have raw token
7600
7921
  _light: "#E7EDF5",
7601
7922
  // Doesn't have raw token
7602
- _dark: "{colors.dark.100}"
7923
+ _dark: "{colors.dark.100}",
7924
+ _enterprise: "{colors.emerald.1000}"
7603
7925
  }
7604
7926
  },
7605
7927
  stack: {
@@ -7607,7 +7929,8 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7607
7929
  value: {
7608
7930
  base: "{colors.neutral.100}",
7609
7931
  _light: "{colors.neutral.100}",
7610
- _dark: "{colors.dark}"
7932
+ _dark: "{colors.dark}",
7933
+ _enterprise: "{colors.neutral.100}"
7611
7934
  }
7612
7935
  },
7613
7936
  hovered: {
@@ -7616,25 +7939,29 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7616
7939
  // Doesn't have raw token
7617
7940
  _light: "#E7EDF5",
7618
7941
  // Doesn't have raw token
7619
- _dark: "{colors.dark.100}"
7942
+ _dark: "{colors.dark.100}",
7943
+ _enterprise: "{colors.emerald.200}"
7620
7944
  }
7621
7945
  }
7622
7946
  }
7623
7947
  },
7948
+ // TEXT SEMANTIC TOKENS
7624
7949
  text: {
7625
7950
  default: {
7626
7951
  DEFAULT: {
7627
7952
  value: {
7628
7953
  base: "{colors.neutral.1000}",
7629
7954
  _light: "{colors.neutral.1000}",
7630
- _dark: "{colors.dark.900}"
7955
+ _dark: "{colors.dark.900}",
7956
+ _enterprise: "{colors.slate.1000}"
7631
7957
  }
7632
7958
  },
7633
7959
  static: {
7634
7960
  value: {
7635
7961
  base: "{colors.neutral.1000}",
7636
7962
  _light: "{colors.neutral.1000}",
7637
- _dark: "{colors.neutral.1000}"
7963
+ _dark: "{colors.neutral.1000}",
7964
+ _enterprise: "{colors.dark.100}"
7638
7965
  }
7639
7966
  }
7640
7967
  },
@@ -7643,14 +7970,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7643
7970
  value: {
7644
7971
  base: "{colors.neutral.700}",
7645
7972
  _light: "{colors.neutral.700}",
7646
- _dark: "{colors.dark.700}"
7973
+ _dark: "{colors.dark.700}",
7974
+ _enterprise: "{colors.slate.700}"
7647
7975
  }
7648
7976
  },
7649
7977
  pressed: {
7650
7978
  value: {
7651
7979
  base: "{colors.neutral.800}",
7652
7980
  _light: "{colors.neutral.800}",
7653
- _dark: "{colors.dark.800}"
7981
+ _dark: "{colors.dark.800}",
7982
+ _enterprise: "{colors.slate.800}"
7654
7983
  }
7655
7984
  }
7656
7985
  },
@@ -7658,17 +7987,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7658
7987
  value: {
7659
7988
  base: "{colors.neutral.600}",
7660
7989
  _light: "{colors.neutral.600}",
7661
- _dark: "{colors.dark.600}"
7990
+ _dark: "{colors.dark.600}",
7991
+ _enterprise: "{colors.slate.500}"
7662
7992
  }
7663
7993
  },
7664
7994
  disabled: {
7665
7995
  value: {
7666
- base: "rgba(29, 31, 36, 0.32)",
7667
- // Doesn't have raw token
7668
- _light: "rgba(29, 31, 36, 0.32)",
7669
- // Doesn't have raw token
7670
- _dark: "rgba(191, 219, 248, 0.28)"
7671
- // Doesn't have raw token
7996
+ base: "{colors.neutral.400a}",
7997
+ _light: "{colors.neutral.400a}",
7998
+ _dark: "{colors.dark.400a}",
7999
+ _enterprise: "{colors.slate.400}"
7672
8000
  }
7673
8001
  },
7674
8002
  inverse: {
@@ -7676,14 +8004,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7676
8004
  value: {
7677
8005
  base: "{colors.white}",
7678
8006
  _light: "{colors.white}",
7679
- _dark: "{colors.dark.100}"
8007
+ _dark: "{colors.dark.100}",
8008
+ _enterprise: "{colors.white}"
7680
8009
  }
7681
8010
  },
7682
8011
  static: {
7683
8012
  value: {
7684
8013
  base: "{colors.white}",
7685
8014
  _light: "{colors.white}",
7686
- _dark: "{colors.white}"
8015
+ _dark: "{colors.white}",
8016
+ _enterprise: "{colors.white}"
7687
8017
  }
7688
8018
  }
7689
8019
  },
@@ -7691,7 +8021,8 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7691
8021
  value: {
7692
8022
  base: "{colors.indigo.700}",
7693
8023
  _light: "{colors.indigo.700}",
7694
- _dark: "{colors.indigo.400}"
8024
+ _dark: "{colors.indigo.400}",
8025
+ _enterprise: "{colors.emerald.800}"
7695
8026
  }
7696
8027
  },
7697
8028
  danger: {
@@ -7699,14 +8030,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7699
8030
  value: {
7700
8031
  base: "{colors.red.800}",
7701
8032
  _light: "{colors.red.800}",
7702
- _dark: "{colors.red.300}"
8033
+ _dark: "{colors.red.300}",
8034
+ _enterprise: "{colors.red.800}"
7703
8035
  }
7704
8036
  },
7705
8037
  pressed: {
7706
8038
  value: {
7707
8039
  base: "{colors.red.900}",
7708
8040
  _light: "{colors.red.900}",
7709
- _dark: "{colors.red.200}"
8041
+ _dark: "{colors.red.200}",
8042
+ _enterprise: "{colors.red.900}"
7710
8043
  }
7711
8044
  }
7712
8045
  },
@@ -7715,14 +8048,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7715
8048
  value: {
7716
8049
  base: "{colors.orange.800}",
7717
8050
  _light: "{colors.orange.800}",
7718
- _dark: "{colors.yellow.300}"
8051
+ _dark: "{colors.yellow.300}",
8052
+ _enterprise: "{colors.orange.800}"
7719
8053
  }
7720
8054
  },
7721
8055
  inverse: {
7722
8056
  value: {
7723
8057
  base: "{colors.neutral.1000}",
7724
8058
  _light: "{colors.neutral.1000}",
7725
- _dark: "{colors.neutral.1000}"
8059
+ _dark: "{colors.neutral.1000}",
8060
+ _enterprise: "{colors.slate.1000}"
7726
8061
  }
7727
8062
  }
7728
8063
  },
@@ -7730,21 +8065,24 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7730
8065
  value: {
7731
8066
  base: "{colors.green.800}",
7732
8067
  _light: "{colors.green.800}",
7733
- _dark: "{colors.green.300}"
8068
+ _dark: "{colors.green.300}",
8069
+ _enterprise: "{colors.emerald.800}"
7734
8070
  }
7735
8071
  },
7736
8072
  highlight: {
7737
8073
  value: {
7738
8074
  base: "{colors.violet.800}",
7739
8075
  _light: "{colors.violet.800}",
7740
- _dark: "{colors.violet.300}"
8076
+ _dark: "{colors.violet.300}",
8077
+ _enterprise: "{colors.violet.800}"
7741
8078
  }
7742
8079
  },
7743
8080
  information: {
7744
8081
  value: {
7745
8082
  base: "{colors.indigo.800}",
7746
8083
  _light: "{colors.indigo.800}",
7747
- _dark: "{colors.indigo.300}"
8084
+ _dark: "{colors.indigo.300}",
8085
+ _enterprise: "{colors.indigo.700}"
7748
8086
  }
7749
8087
  },
7750
8088
  link: {
@@ -7752,31 +8090,38 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7752
8090
  value: {
7753
8091
  base: "{colors.indigo.700}",
7754
8092
  _light: "{colors.indigo.700}",
7755
- _dark: "{colors.indigo.400}"
8093
+ _dark: "{colors.indigo.400}",
8094
+ _enterprise: "#165082"
8095
+ // Doesn't have raw token
7756
8096
  }
7757
8097
  },
7758
8098
  pressed: {
7759
8099
  value: {
7760
8100
  base: "{colors.indigo.800}",
7761
8101
  _light: "{colors.indigo.800}",
7762
- _dark: "{colors.indigo.300}"
8102
+ _dark: "{colors.indigo.300}",
8103
+ _enterprise: "#0D4372"
8104
+ // Doesn't have raw token
7763
8105
  }
7764
8106
  }
7765
8107
  }
7766
8108
  },
8109
+ // ICON SEMANTIC TOKENS
7767
8110
  icon: {
7768
8111
  default: {
7769
8112
  value: {
7770
8113
  base: "{colors.neutral.600}",
7771
8114
  _light: "{colors.neutral.600}",
7772
- _dark: "{colors.dark.600}"
8115
+ _dark: "{colors.dark.600}",
8116
+ _enterprise: "{colors.slate.600}"
7773
8117
  }
7774
8118
  },
7775
8119
  disabled: {
7776
8120
  value: {
7777
8121
  base: "{colors.neutral.400}",
7778
8122
  _light: "{colors.neutral.400}",
7779
- _dark: "{colors.dark.400}"
8123
+ _dark: "{colors.dark.400}",
8124
+ _enterprise: "{colors.neutral.400}"
7780
8125
  }
7781
8126
  },
7782
8127
  inverse: {
@@ -7784,14 +8129,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7784
8129
  value: {
7785
8130
  base: "{colors.white}",
7786
8131
  _light: "{colors.white}",
7787
- _dark: "{colors.dark.100}"
8132
+ _dark: "{colors.dark.100}",
8133
+ _enterprise: "{colors.emerald.100}"
7788
8134
  }
7789
8135
  },
7790
8136
  static: {
7791
8137
  value: {
7792
8138
  base: "{colors.white}",
7793
8139
  _light: "{colors.white}",
7794
- _dark: "{colors.white}"
8140
+ _dark: "{colors.white}",
8141
+ _enterprise: "{colors.white}"
7795
8142
  }
7796
8143
  }
7797
8144
  },
@@ -7799,21 +8146,24 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7799
8146
  value: {
7800
8147
  base: "{colors.indigo.700}",
7801
8148
  _light: "{colors.indigo.700}",
7802
- _dark: "{colors.indigo.400}"
8149
+ _dark: "{colors.indigo.400}",
8150
+ _enterprise: "{colors.emerald.700}"
7803
8151
  }
7804
8152
  },
7805
8153
  brand: {
7806
8154
  value: {
7807
8155
  base: "{colors.indigo.700}",
7808
8156
  _light: "{colors.indigo.700}",
7809
- _dark: "{colors.indigo.400}"
8157
+ _dark: "{colors.indigo.400}",
8158
+ _enterprise: "{colors.emerald.700}"
7810
8159
  }
7811
8160
  },
7812
8161
  danger: {
7813
8162
  value: {
7814
8163
  base: "{colors.red.700}",
7815
8164
  _light: "{colors.red.700}",
7816
- _dark: "{colors.red.400}"
8165
+ _dark: "{colors.red.400}",
8166
+ _enterprise: "{colors.red.700}"
7817
8167
  }
7818
8168
  },
7819
8169
  warning: {
@@ -7821,14 +8171,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7821
8171
  value: {
7822
8172
  base: "{colors.orange.700}",
7823
8173
  _light: "{colors.orange.700}",
7824
- _dark: "{colors.yellow.300}"
8174
+ _dark: "{colors.yellow.300}",
8175
+ _enterprise: "{colors.orange.700}"
7825
8176
  }
7826
8177
  },
7827
8178
  inverse: {
7828
8179
  value: {
7829
8180
  base: "{colors.neutral.1000}",
7830
8181
  _light: "{colors.neutral.1000}",
7831
- _dark: "{colors.dark.100}"
8182
+ _dark: "{colors.dark.100}",
8183
+ _enterprise: "{colors.slate.1000}"
7832
8184
  }
7833
8185
  }
7834
8186
  },
@@ -7836,85 +8188,104 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7836
8188
  value: {
7837
8189
  base: "{colors.green.700}",
7838
8190
  _light: "{colors.green.700}",
7839
- _dark: "{colors.green.400}"
8191
+ _dark: "{colors.green.400}",
8192
+ _enterprise: "{colors.emerald.600}"
7840
8193
  }
7841
8194
  },
7842
8195
  highlight: {
7843
8196
  value: {
7844
8197
  base: "{colors.violet.700}",
7845
8198
  _light: "{colors.violet.700}",
7846
- _dark: "{colors.violet.400}"
8199
+ _dark: "{colors.violet.400}",
8200
+ _enterprise: "{colors.orange.700}"
7847
8201
  }
7848
8202
  },
7849
8203
  information: {
7850
8204
  value: {
7851
8205
  base: "{colors.indigo.700}",
7852
8206
  _light: "{colors.indigo.700}",
7853
- _dark: "{colors.indigo.400}"
8207
+ _dark: "{colors.indigo.400}",
8208
+ _enterprise: "{colors.indigo.600}"
7854
8209
  }
7855
8210
  },
7856
8211
  subtle: {
7857
8212
  value: {
7858
8213
  base: "{colors.neutral.300}",
7859
8214
  _light: "{colors.neutral.300}",
7860
- _dark: "{colors.dark.300}"
8215
+ _dark: "{colors.dark.300}",
8216
+ _enterprise: "{colors.slate.300}"
7861
8217
  }
7862
8218
  },
7863
8219
  logo: {
7864
8220
  value: {
7865
- base: "{colors.neutral.1000}",
7866
- _light: "{colors.neutral.1000}",
7867
- _dark: "{colors.neutral.100}"
8221
+ base: "#000000",
8222
+ // Doesn't have raw token
8223
+ _light: "#000000",
8224
+ // Doesn't have raw token
8225
+ _dark: "{colors.white}",
8226
+ _enterprise: "#000000"
8227
+ // Doesn't have raw token
7868
8228
  }
7869
8229
  }
7870
8230
  },
8231
+ // BORDER SEMANTIC TOKENS
7871
8232
  border: {
7872
8233
  default: {
7873
- value: {
7874
- base: "{colors.neutral.300}",
7875
- _light: "{colors.neutral.300}",
7876
- _dark: "{colors.dark.300}"
8234
+ DEFAULT: {
8235
+ value: {
8236
+ base: "{colors.neutral.300}",
8237
+ _light: "{colors.neutral.300}",
8238
+ _dark: "{colors.dark.300}",
8239
+ _enterprise: "{colors.slate.300}"
8240
+ }
8241
+ },
8242
+ subtle: {
8243
+ value: {
8244
+ base: "{colors.neutral.200}",
8245
+ _light: "{colors.neutral.200}",
8246
+ _dark: "{colors.dark.200}",
8247
+ _enterprise: "{colors.slate.200}"
8248
+ }
7877
8249
  }
7878
8250
  },
7879
8251
  bold: {
7880
8252
  value: {
7881
8253
  base: "{colors.neutral.600}",
7882
8254
  _light: "{colors.neutral.600}",
7883
- _dark: "{colors.dark.600}"
8255
+ _dark: "{colors.dark.600}",
8256
+ _enterprise: "{colors.slate.400}"
7884
8257
  }
7885
8258
  },
7886
8259
  disabled: {
7887
8260
  value: {
7888
- base: "rgba(29, 31, 36, 0.08)",
7889
- // Doens't have raw token
7890
- _light: "rgba(29, 31, 36, 0.08)",
7891
- // Doens't have raw token
7892
- _dark: "rgba(161, 189, 217, 0.08)"
7893
- // Doens't have raw token
8261
+ base: "{colors.neutral.200a}",
8262
+ _light: "{colors.neutral.200a}",
8263
+ _dark: "{colors.dark.200a}",
8264
+ _enterprise: "{colors.slate.200}"
7894
8265
  }
7895
8266
  },
7896
8267
  form: {
7897
8268
  value: {
7898
- base: "rgba(29, 31, 36, 0.16)",
7899
- // Doens't have raw token
7900
- _light: "rgba(29, 31, 36, 0.16)",
7901
- // Doens't have raw token
7902
- _dark: "rgba(166, 197, 226, 0.16)"
7903
- // Doens't have raw token
8269
+ base: "{colors.neutral.300a}",
8270
+ _light: "{colors.neutral.300a}",
8271
+ _dark: "{colors.dark.300a}",
8272
+ _enterprise: "{colors.slate.300a}"
7904
8273
  }
7905
8274
  },
7906
8275
  focused: {
7907
8276
  value: {
7908
8277
  base: "{colors.indigo.500}",
7909
8278
  _light: "{colors.indigo.500}",
7910
- _dark: "{colors.indigo.300}"
8279
+ _dark: "{colors.indigo.300}",
8280
+ _enterprise: "{colors.emerald.500}"
7911
8281
  }
7912
8282
  },
7913
8283
  inverse: {
7914
8284
  value: {
7915
8285
  base: "{colors.white}",
7916
8286
  _light: "{colors.white}",
7917
- _dark: "{colors.dark.100}"
8287
+ _dark: "{colors.dark.100}",
8288
+ _enterprise: "{colors.white}"
7918
8289
  }
7919
8290
  },
7920
8291
  selected: {
@@ -7922,21 +8293,24 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7922
8293
  value: {
7923
8294
  base: "{colors.indigo.700}",
7924
8295
  _light: "{colors.indigo.700}",
7925
- _dark: "{colors.indigo.400}"
8296
+ _dark: "{colors.indigo.400}",
8297
+ _enterprise: "{colors.emerald.700}"
7926
8298
  }
7927
8299
  },
7928
8300
  hovered: {
7929
8301
  value: {
7930
8302
  base: "{colors.indigo.800}",
7931
8303
  _light: "{colors.indigo.800}",
7932
- _dark: "{colors.indigo.300}"
8304
+ _dark: "{colors.indigo.300}",
8305
+ _enterprise: "{colors.emerald.800}"
7933
8306
  }
7934
8307
  },
7935
8308
  disabled: {
7936
8309
  value: {
7937
8310
  base: "{colors.indigo.200}",
7938
8311
  _light: "{colors.indigo.200}",
7939
- _dark: "{colors.indigo.900}"
8312
+ _dark: "{colors.indigo.900}",
8313
+ _enterprise: "{colors.emerald.200}"
7940
8314
  }
7941
8315
  }
7942
8316
  },
@@ -7944,59 +8318,68 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
7944
8318
  value: {
7945
8319
  base: "{colors.indigo.700}",
7946
8320
  _light: "{colors.indigo.700}",
7947
- _dark: "{colors.indigo.400}"
8321
+ _dark: "{colors.indigo.400}",
8322
+ _enterprise: "{colors.emerald.800}"
7948
8323
  }
7949
8324
  },
7950
8325
  danger: {
7951
8326
  value: {
7952
8327
  base: "{colors.red.700}",
7953
8328
  _light: "{colors.red.700}",
7954
- _dark: "{colors.red.400}"
8329
+ _dark: "{colors.red.400}",
8330
+ _enterprise: "{colors.red.600}"
7955
8331
  }
7956
8332
  },
7957
8333
  warning: {
7958
8334
  value: {
7959
8335
  base: "{colors.yellow.300}",
7960
8336
  _light: "{colors.yellow.300}",
7961
- _dark: "{colors.yellow.300}"
8337
+ _dark: "{colors.yellow.300}",
8338
+ _enterprise: "{colors.yellow.300}"
7962
8339
  }
7963
8340
  },
7964
8341
  success: {
7965
8342
  value: {
7966
8343
  base: "{colors.green.700}",
7967
8344
  _light: "{colors.green.700}",
7968
- _dark: "{colors.green.400}"
8345
+ _dark: "{colors.green.400}",
8346
+ _enterprise: "{colors.emerald.700}"
7969
8347
  }
7970
8348
  },
7971
8349
  highlight: {
7972
8350
  value: {
7973
8351
  base: "{colors.violet.700}",
7974
8352
  _light: "{colors.violet.700}",
7975
- _dark: "{colors.violet.400}"
8353
+ _dark: "{colors.violet.400}",
8354
+ _enterprise: "{colors.orange.700}"
7976
8355
  }
7977
8356
  },
7978
8357
  information: {
7979
8358
  value: {
7980
8359
  base: "{colors.indigo.700}",
7981
8360
  _light: "{colors.indigo.700}",
7982
- _dark: "{colors.indigo.400}"
8361
+ _dark: "{colors.indigo.400}",
8362
+ _enterprise: "{colors.indigo.600}"
7983
8363
  }
7984
8364
  }
7985
8365
  },
8366
+ // CHART SEMANTIC TOKENS
7986
8367
  chart: {
7987
8368
  cat01: {
7988
8369
  DEFAULT: {
7989
8370
  value: {
7990
8371
  base: "{colors.blue.400}",
7991
8372
  _light: "{colors.blue.400}",
7992
- _dark: "{colors.blue.300}"
8373
+ _dark: "{colors.blue.300}",
8374
+ _enterprise: "{colors.blue.400}"
7993
8375
  }
7994
8376
  },
7995
8377
  bold: {
7996
8378
  value: {
7997
8379
  base: "{colors.blue.600}",
7998
8380
  _light: "{colors.blue.600}",
7999
- _dark: "{colors.blue.500}"
8381
+ _dark: "{colors.blue.500}",
8382
+ _enterprise: "{colors.blue.600}"
8000
8383
  }
8001
8384
  }
8002
8385
  },
@@ -8005,14 +8388,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
8005
8388
  value: {
8006
8389
  base: "{colors.teal.400}",
8007
8390
  _light: "{colors.teal.400}",
8008
- _dark: "{colors.teal.300}"
8391
+ _dark: "{colors.teal.300}",
8392
+ _enterprise: "{colors.teal.400}"
8009
8393
  }
8010
8394
  },
8011
8395
  bold: {
8012
8396
  value: {
8013
8397
  base: "{colors.teal.600}",
8014
8398
  _light: "{colors.teal.600}",
8015
- _dark: "{colors.teal.500}"
8399
+ _dark: "{colors.teal.500}",
8400
+ _enterprise: "{colors.teal.600}"
8016
8401
  }
8017
8402
  }
8018
8403
  },
@@ -8021,14 +8406,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
8021
8406
  value: {
8022
8407
  base: "{colors.violet.400}",
8023
8408
  _light: "{colors.violet.400}",
8024
- _dark: "{colors.violet.300}"
8409
+ _dark: "{colors.violet.300}",
8410
+ _enterprise: "{colors.violet.400}"
8025
8411
  }
8026
8412
  },
8027
8413
  bold: {
8028
8414
  value: {
8029
8415
  base: "{colors.violet.600}",
8030
8416
  _light: "{colors.violet.600}",
8031
- _dark: "{colors.violet.500}"
8417
+ _dark: "{colors.violet.500}",
8418
+ _enterprise: "{colors.violet.600}"
8032
8419
  }
8033
8420
  }
8034
8421
  },
@@ -8037,14 +8424,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
8037
8424
  value: {
8038
8425
  base: "{colors.orange.400}",
8039
8426
  _light: "{colors.orange.400}",
8040
- _dark: "{colors.orange.300}"
8427
+ _dark: "{colors.orange.300}",
8428
+ _enterprise: "{colors.orange.400}"
8041
8429
  }
8042
8430
  },
8043
8431
  bold: {
8044
8432
  value: {
8045
8433
  base: "{colors.orange.600}",
8046
8434
  _light: "{colors.orange.600}",
8047
- _dark: "{colors.orange.500}"
8435
+ _dark: "{colors.orange.500}",
8436
+ _enterprise: "{colors.orange.600}"
8048
8437
  }
8049
8438
  }
8050
8439
  },
@@ -8053,14 +8442,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
8053
8442
  value: {
8054
8443
  base: "{colors.neutral.400}",
8055
8444
  _light: "{colors.neutral.400}",
8056
- _dark: "{colors.neutral.300}"
8445
+ _dark: "{colors.neutral.300}",
8446
+ _enterprise: "{colors.neutral.400}"
8057
8447
  }
8058
8448
  },
8059
8449
  bold: {
8060
8450
  value: {
8061
8451
  base: "{colors.neutral.600}",
8062
8452
  _light: "{colors.neutral.600}",
8063
- _dark: "{colors.neutral.500}"
8453
+ _dark: "{colors.neutral.500}",
8454
+ _enterprise: "{colors.slate.600}"
8064
8455
  }
8065
8456
  }
8066
8457
  },
@@ -8069,14 +8460,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
8069
8460
  value: {
8070
8461
  base: "{colors.red.400}",
8071
8462
  _light: "{colors.red.400}",
8072
- _dark: "{colors.red.300}"
8463
+ _dark: "{colors.red.300}",
8464
+ _enterprise: "{colors.red.400}"
8073
8465
  }
8074
8466
  },
8075
8467
  bold: {
8076
8468
  value: {
8077
8469
  base: "{colors.red.600}",
8078
8470
  _light: "{colors.red.600}",
8079
- _dark: "{colors.red.500}"
8471
+ _dark: "{colors.red.500}",
8472
+ _enterprise: "{colors.red.600}"
8080
8473
  }
8081
8474
  }
8082
8475
  },
@@ -8085,14 +8478,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
8085
8478
  value: {
8086
8479
  base: "{colors.lime.400}",
8087
8480
  _light: "{colors.lime.400}",
8088
- _dark: "{colors.lime.300}"
8481
+ _dark: "{colors.lime.300}",
8482
+ _enterprise: "{colors.lime.400}"
8089
8483
  }
8090
8484
  },
8091
8485
  bold: {
8092
8486
  value: {
8093
8487
  base: "{colors.lime.600}",
8094
8488
  _light: "{colors.lime.600}",
8095
- _dark: "{colors.lime.500}"
8489
+ _dark: "{colors.lime.500}",
8490
+ _enterprise: "{colors.lime.600}"
8096
8491
  }
8097
8492
  }
8098
8493
  },
@@ -8101,14 +8496,16 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
8101
8496
  value: {
8102
8497
  base: "{colors.fuchsia.400}",
8103
8498
  _light: "{colors.fuchsia.400}",
8104
- _dark: "{colors.fuchsia.300}"
8499
+ _dark: "{colors.fuchsia.300}",
8500
+ _enterprise: "{colors.fuchsia.400}"
8105
8501
  }
8106
8502
  },
8107
8503
  bold: {
8108
8504
  value: {
8109
8505
  base: "{colors.fuchsia.600}",
8110
8506
  _light: "{colors.fuchsia.600}",
8111
- _dark: "{colors.fuchsia.500}"
8507
+ _dark: "{colors.fuchsia.500}",
8508
+ _enterprise: "{colors.fuchsia.600}"
8112
8509
  }
8113
8510
  }
8114
8511
  }