@razorpay/blade 12.49.7 → 12.51.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 (89) hide show
  1. package/build/lib/native/components/Box/BaseBox/baseBoxStyles.js +1 -1
  2. package/build/lib/native/components/Box/BaseBox/baseBoxStyles.js.map +1 -1
  3. package/build/lib/native/components/Box/BaseBox/types/propsTypes.js.map +1 -1
  4. package/build/lib/native/components/Box/Box.js +1 -1
  5. package/build/lib/native/components/Box/Box.js.map +1 -1
  6. package/build/lib/native/components/Charts/CommonChartComponents/CommonChartComponents.native.js +12 -0
  7. package/build/lib/native/components/Charts/CommonChartComponents/CommonChartComponents.native.js.map +1 -0
  8. package/build/lib/native/components/Charts/LineChart/LineChart.native.js +12 -0
  9. package/build/lib/native/components/Charts/LineChart/LineChart.native.js.map +1 -0
  10. package/build/lib/native/components/index.js +2 -0
  11. package/build/lib/native/components/index.js.map +1 -1
  12. package/build/lib/native/tokens/theme/bladeTheme.js +1 -1
  13. package/build/lib/native/tokens/theme/bladeTheme.js.map +1 -1
  14. package/build/lib/native/tokens/theme/theme.js.map +1 -1
  15. package/build/lib/web/development/components/Box/BaseBox/baseBoxStyles.js +5 -1
  16. package/build/lib/web/development/components/Box/BaseBox/baseBoxStyles.js.map +1 -1
  17. package/build/lib/web/development/components/Box/BaseBox/types/propsTypes.js.map +1 -1
  18. package/build/lib/web/development/components/Box/Box.js +3 -0
  19. package/build/lib/web/development/components/Box/Box.js.map +1 -1
  20. package/build/lib/web/development/components/Charts/CommonChartComponents/CommonChartComponents.web.js +285 -0
  21. package/build/lib/web/development/components/Charts/CommonChartComponents/CommonChartComponents.web.js.map +1 -0
  22. package/build/lib/web/development/components/Charts/CommonChartComponents/index.js +2 -0
  23. package/build/lib/web/development/components/Charts/CommonChartComponents/index.js.map +1 -0
  24. package/build/lib/web/development/components/Charts/CommonChartComponents/tokens.js +15 -0
  25. package/build/lib/web/development/components/Charts/CommonChartComponents/tokens.js.map +1 -0
  26. package/build/lib/web/development/components/Charts/CommonChartComponents/utils.js +60 -0
  27. package/build/lib/web/development/components/Charts/CommonChartComponents/utils.js.map +1 -0
  28. package/build/lib/web/development/components/Charts/LineChart/LineChart.web.js +107 -0
  29. package/build/lib/web/development/components/Charts/LineChart/LineChart.web.js.map +1 -0
  30. package/build/lib/web/development/components/Charts/LineChart/componentIds.js +6 -0
  31. package/build/lib/web/development/components/Charts/LineChart/componentIds.js.map +1 -0
  32. package/build/lib/web/development/components/Charts/LineChart/index.js +2 -0
  33. package/build/lib/web/development/components/Charts/LineChart/index.js.map +1 -0
  34. package/build/lib/web/development/components/Charts/index.js +5 -0
  35. package/build/lib/web/development/components/Charts/index.js.map +1 -0
  36. package/build/lib/web/development/components/Charts/utils/index.js +2 -0
  37. package/build/lib/web/development/components/Charts/utils/index.js.map +1 -0
  38. package/build/lib/web/development/components/Charts/utils/useColorTheme.js +19 -0
  39. package/build/lib/web/development/components/Charts/utils/useColorTheme.js.map +1 -0
  40. package/build/lib/web/development/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js +5 -5
  41. package/build/lib/web/development/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js.map +1 -1
  42. package/build/lib/web/development/components/Tag/AnimatedTag.web.js +4 -4
  43. package/build/lib/web/development/components/Tag/AnimatedTag.web.js.map +1 -1
  44. package/build/lib/web/development/components/index.js +3 -0
  45. package/build/lib/web/development/components/index.js.map +1 -1
  46. package/build/lib/web/development/tokens/theme/bladeTheme.js +350 -0
  47. package/build/lib/web/development/tokens/theme/bladeTheme.js.map +1 -1
  48. package/build/lib/web/development/tokens/theme/theme.js.map +1 -1
  49. package/build/lib/web/production/components/Box/BaseBox/baseBoxStyles.js +5 -1
  50. package/build/lib/web/production/components/Box/BaseBox/baseBoxStyles.js.map +1 -1
  51. package/build/lib/web/production/components/Box/BaseBox/types/propsTypes.js.map +1 -1
  52. package/build/lib/web/production/components/Box/Box.js +3 -0
  53. package/build/lib/web/production/components/Box/Box.js.map +1 -1
  54. package/build/lib/web/production/components/Charts/CommonChartComponents/CommonChartComponents.web.js +285 -0
  55. package/build/lib/web/production/components/Charts/CommonChartComponents/CommonChartComponents.web.js.map +1 -0
  56. package/build/lib/web/production/components/Charts/CommonChartComponents/index.js +2 -0
  57. package/build/lib/web/production/components/Charts/CommonChartComponents/index.js.map +1 -0
  58. package/build/lib/web/production/components/Charts/CommonChartComponents/tokens.js +15 -0
  59. package/build/lib/web/production/components/Charts/CommonChartComponents/tokens.js.map +1 -0
  60. package/build/lib/web/production/components/Charts/CommonChartComponents/utils.js +60 -0
  61. package/build/lib/web/production/components/Charts/CommonChartComponents/utils.js.map +1 -0
  62. package/build/lib/web/production/components/Charts/LineChart/LineChart.web.js +107 -0
  63. package/build/lib/web/production/components/Charts/LineChart/LineChart.web.js.map +1 -0
  64. package/build/lib/web/production/components/Charts/LineChart/componentIds.js +6 -0
  65. package/build/lib/web/production/components/Charts/LineChart/componentIds.js.map +1 -0
  66. package/build/lib/web/production/components/Charts/LineChart/index.js +2 -0
  67. package/build/lib/web/production/components/Charts/LineChart/index.js.map +1 -0
  68. package/build/lib/web/production/components/Charts/index.js +5 -0
  69. package/build/lib/web/production/components/Charts/index.js.map +1 -0
  70. package/build/lib/web/production/components/Charts/utils/index.js +2 -0
  71. package/build/lib/web/production/components/Charts/utils/index.js.map +1 -0
  72. package/build/lib/web/production/components/Charts/utils/useColorTheme.js +19 -0
  73. package/build/lib/web/production/components/Charts/utils/useColorTheme.js.map +1 -0
  74. package/build/lib/web/production/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js +5 -5
  75. package/build/lib/web/production/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js.map +1 -1
  76. package/build/lib/web/production/components/Tag/AnimatedTag.web.js +4 -4
  77. package/build/lib/web/production/components/Tag/AnimatedTag.web.js.map +1 -1
  78. package/build/lib/web/production/components/index.js +3 -0
  79. package/build/lib/web/production/components/index.js.map +1 -1
  80. package/build/lib/web/production/tokens/theme/bladeTheme.js +350 -0
  81. package/build/lib/web/production/tokens/theme/bladeTheme.js.map +1 -1
  82. package/build/lib/web/production/tokens/theme/theme.js.map +1 -1
  83. package/build/types/components/index.d.ts +730 -4423
  84. package/build/types/components/index.native.d.ts +212 -503
  85. package/build/types/tokens/index.d.ts +12 -0
  86. package/build/types/tokens/index.native.d.ts +12 -0
  87. package/build/types/utils/index.d.ts +31 -0
  88. package/build/types/utils/index.native.d.ts +31 -0
  89. package/package.json +3 -2
@@ -457,6 +457,181 @@ var colors = {
457
457
  intense: colors$1.neutral.blueGrayLight[900]
458
458
  }
459
459
  },
460
+ chart: {
461
+ background: {
462
+ categorical: {
463
+ azure: {
464
+ faint: colors$1.chromatic.azure[50],
465
+ subtle: colors$1.chromatic.azure[200],
466
+ moderate: colors$1.chromatic.azure[500],
467
+ intense: colors$1.chromatic.azure[600],
468
+ strong: colors$1.chromatic.azure[800]
469
+ },
470
+ emerald: {
471
+ faint: colors$1.chromatic.emerald[50],
472
+ subtle: colors$1.chromatic.emerald[200],
473
+ moderate: colors$1.chromatic.emerald[500],
474
+ intense: colors$1.chromatic.emerald[600],
475
+ strong: colors$1.chromatic.emerald[800]
476
+ },
477
+ crimson: {
478
+ faint: colors$1.chromatic.crimson[50],
479
+ subtle: colors$1.chromatic.crimson[200],
480
+ moderate: colors$1.chromatic.crimson[600],
481
+ intense: colors$1.chromatic.crimson[600],
482
+ strong: colors$1.chromatic.crimson[800]
483
+ },
484
+ cider: {
485
+ subtle: colors$1.chromatic.cider[50],
486
+ moderate: colors$1.chromatic.cider[200],
487
+ intense: colors$1.chromatic.cider[600],
488
+ faint: colors$1.chromatic.cider[600],
489
+ strong: colors$1.chromatic.cider[800]
490
+ },
491
+ sapphire: {
492
+ subtle: colors$1.chromatic.sapphire[50],
493
+ moderate: colors$1.chromatic.sapphire[200],
494
+ intense: colors$1.chromatic.sapphire[600],
495
+ faint: colors$1.chromatic.sapphire[600],
496
+ strong: colors$1.chromatic.sapphire[800]
497
+ },
498
+ orchid: {
499
+ subtle: colors$1.chromatic.orchid[50],
500
+ moderate: colors$1.chromatic.orchid[200],
501
+ intense: colors$1.chromatic.orchid[500],
502
+ faint: colors$1.chromatic.orchid[600],
503
+ strong: colors$1.chromatic.orchid[800]
504
+ },
505
+ magenta: {
506
+ subtle: colors$1.chromatic.magenta[50],
507
+ moderate: colors$1.chromatic.magenta[200],
508
+ intense: colors$1.chromatic.magenta[600],
509
+ faint: colors$1.chromatic.magenta[600],
510
+ strong: colors$1.chromatic.magenta[800]
511
+ },
512
+ topaz: {
513
+ subtle: colors$1.chromatic.topaz[50],
514
+ moderate: colors$1.chromatic.topaz[200],
515
+ intense: colors$1.chromatic.topaz[500],
516
+ faint: colors$1.chromatic.topaz[600],
517
+ strong: colors$1.chromatic.topaz[800]
518
+ },
519
+ gray: {
520
+ subtle: colors$1.neutral.blueGrayDark.a50,
521
+ moderate: colors$1.neutral.blueGrayDark[100],
522
+ intense: colors$1.neutral.blueGrayDark[300],
523
+ faint: colors$1.neutral.blueGrayDark[500],
524
+ strong: colors$1.neutral.blueGrayDark[700]
525
+ }
526
+ },
527
+ sequential: {
528
+ azure: {
529
+ 50: colors$1.chromatic.azure[50],
530
+ 100: colors$1.chromatic.azure[100],
531
+ 200: colors$1.chromatic.azure[200],
532
+ 300: colors$1.chromatic.azure[300],
533
+ 400: colors$1.chromatic.azure[400],
534
+ 500: colors$1.chromatic.azure[500],
535
+ 600: colors$1.chromatic.azure[600],
536
+ 700: colors$1.chromatic.azure[700],
537
+ 800: colors$1.chromatic.azure[800],
538
+ 900: colors$1.chromatic.azure[900],
539
+ 1000: colors$1.chromatic.azure[1000]
540
+ },
541
+ emerald: {
542
+ 50: colors$1.chromatic.emerald[50],
543
+ 100: colors$1.chromatic.emerald[100],
544
+ 200: colors$1.chromatic.emerald[200],
545
+ 300: colors$1.chromatic.emerald[300],
546
+ 400: colors$1.chromatic.emerald[400],
547
+ 500: colors$1.chromatic.emerald[500],
548
+ 600: colors$1.chromatic.emerald[600],
549
+ 700: colors$1.chromatic.emerald[700],
550
+ 800: colors$1.chromatic.emerald[800],
551
+ 900: colors$1.chromatic.emerald[900],
552
+ 1000: colors$1.chromatic.emerald[1000]
553
+ },
554
+ crimson: {
555
+ 50: colors$1.chromatic.crimson[50],
556
+ 100: colors$1.chromatic.crimson[100],
557
+ 200: colors$1.chromatic.crimson[200],
558
+ 300: colors$1.chromatic.crimson[300],
559
+ 400: colors$1.chromatic.crimson[400],
560
+ 500: colors$1.chromatic.crimson[500],
561
+ 600: colors$1.chromatic.crimson[600],
562
+ 700: colors$1.chromatic.crimson[700],
563
+ 800: colors$1.chromatic.crimson[800],
564
+ 900: colors$1.chromatic.crimson[900],
565
+ 1000: colors$1.chromatic.crimson[1000]
566
+ },
567
+ cider: {
568
+ 50: colors$1.chromatic.cider[50],
569
+ 100: colors$1.chromatic.cider[100],
570
+ 200: colors$1.chromatic.cider[200],
571
+ 300: colors$1.chromatic.cider[300],
572
+ 400: colors$1.chromatic.cider[400],
573
+ 500: colors$1.chromatic.cider[500],
574
+ 600: colors$1.chromatic.cider[600],
575
+ 700: colors$1.chromatic.cider[700],
576
+ 800: colors$1.chromatic.cider[800],
577
+ 900: colors$1.chromatic.cider[900],
578
+ 1000: colors$1.chromatic.cider[1000]
579
+ },
580
+ sapphire: {
581
+ 50: colors$1.chromatic.sapphire[50],
582
+ 100: colors$1.chromatic.sapphire[100],
583
+ 200: colors$1.chromatic.sapphire[200],
584
+ 300: colors$1.chromatic.sapphire[300],
585
+ 400: colors$1.chromatic.sapphire[400],
586
+ 500: colors$1.chromatic.sapphire[500],
587
+ 600: colors$1.chromatic.sapphire[600],
588
+ 700: colors$1.chromatic.sapphire[700],
589
+ 800: colors$1.chromatic.sapphire[800],
590
+ 900: colors$1.chromatic.sapphire[900],
591
+ 1000: colors$1.chromatic.sapphire[1000]
592
+ },
593
+ orchid: {
594
+ 50: colors$1.chromatic.orchid[50],
595
+ 100: colors$1.chromatic.orchid[100],
596
+ 200: colors$1.chromatic.orchid[200],
597
+ 300: colors$1.chromatic.orchid[300],
598
+ 400: colors$1.chromatic.orchid[400],
599
+ 500: colors$1.chromatic.orchid[500],
600
+ 600: colors$1.chromatic.orchid[600],
601
+ 700: colors$1.chromatic.orchid[700],
602
+ 800: colors$1.chromatic.orchid[800],
603
+ 900: colors$1.chromatic.orchid[900],
604
+ 1000: colors$1.chromatic.orchid[1000]
605
+ },
606
+ magenta: {
607
+ 50: colors$1.chromatic.magenta[50],
608
+ 100: colors$1.chromatic.magenta[100],
609
+ 200: colors$1.chromatic.magenta[200],
610
+ 300: colors$1.chromatic.magenta[300],
611
+ 400: colors$1.chromatic.magenta[400],
612
+ 500: colors$1.chromatic.magenta[500],
613
+ 600: colors$1.chromatic.magenta[600],
614
+ 700: colors$1.chromatic.magenta[700],
615
+ 800: colors$1.chromatic.magenta[800],
616
+ 900: colors$1.chromatic.magenta[900],
617
+ 1000: colors$1.chromatic.magenta[1000]
618
+ },
619
+ topaz: {
620
+ 50: colors$1.chromatic.topaz[50],
621
+ 100: colors$1.chromatic.topaz[100],
622
+ 200: colors$1.chromatic.topaz[200],
623
+ 300: colors$1.chromatic.topaz[300],
624
+ 400: colors$1.chromatic.topaz[400],
625
+ 500: colors$1.chromatic.topaz[500],
626
+ 600: colors$1.chromatic.topaz[600],
627
+ 700: colors$1.chromatic.topaz[700],
628
+ 800: colors$1.chromatic.topaz[800],
629
+ 900: colors$1.chromatic.topaz[900],
630
+ 1000: colors$1.chromatic.topaz[1000]
631
+ }
632
+ }
633
+ }
634
+ },
460
635
  transparent: "hsla(0, 0%, 100%, ".concat(opacity[0], ")")
461
636
  },
462
637
  onDark: {
@@ -907,6 +1082,181 @@ var colors = {
907
1082
  intense: colors$1.neutral.blueGrayDark.a100
908
1083
  }
909
1084
  },
1085
+ chart: {
1086
+ background: {
1087
+ categorical: {
1088
+ azure: {
1089
+ faint: colors$1.chromatic.azure[900],
1090
+ subtle: colors$1.chromatic.azure[700],
1091
+ moderate: colors$1.chromatic.azure[500],
1092
+ intense: colors$1.chromatic.azure[300],
1093
+ strong: colors$1.chromatic.azure[200]
1094
+ },
1095
+ emerald: {
1096
+ faint: colors$1.chromatic.emerald[1000],
1097
+ subtle: colors$1.chromatic.emerald[800],
1098
+ moderate: colors$1.chromatic.emerald[700],
1099
+ intense: colors$1.chromatic.emerald[300],
1100
+ strong: colors$1.chromatic.emerald[200]
1101
+ },
1102
+ crimson: {
1103
+ faint: colors$1.chromatic.crimson[1000],
1104
+ subtle: colors$1.chromatic.crimson[800],
1105
+ moderate: colors$1.chromatic.crimson[700],
1106
+ intense: colors$1.chromatic.crimson[300],
1107
+ strong: colors$1.chromatic.crimson[200]
1108
+ },
1109
+ cider: {
1110
+ faint: colors$1.chromatic.cider[1000],
1111
+ subtle: colors$1.chromatic.cider[800],
1112
+ moderate: colors$1.chromatic.cider[600],
1113
+ intense: colors$1.chromatic.cider[300],
1114
+ strong: colors$1.chromatic.cider[200]
1115
+ },
1116
+ sapphire: {
1117
+ faint: colors$1.chromatic.sapphire[1000],
1118
+ subtle: colors$1.chromatic.sapphire[800],
1119
+ moderate: colors$1.chromatic.sapphire[600],
1120
+ intense: colors$1.chromatic.sapphire[300],
1121
+ strong: colors$1.chromatic.sapphire[200]
1122
+ },
1123
+ orchid: {
1124
+ faint: colors$1.chromatic.orchid[1000],
1125
+ subtle: colors$1.chromatic.orchid[800],
1126
+ moderate: colors$1.chromatic.orchid[600],
1127
+ intense: colors$1.chromatic.orchid[300],
1128
+ strong: colors$1.chromatic.orchid[200]
1129
+ },
1130
+ magenta: {
1131
+ faint: colors$1.chromatic.magenta[1000],
1132
+ subtle: colors$1.chromatic.magenta[800],
1133
+ moderate: colors$1.chromatic.magenta[700],
1134
+ intense: colors$1.chromatic.magenta[300],
1135
+ strong: colors$1.chromatic.magenta[200]
1136
+ },
1137
+ topaz: {
1138
+ faint: colors$1.chromatic.topaz[1000],
1139
+ subtle: colors$1.chromatic.topaz[800],
1140
+ moderate: colors$1.chromatic.topaz[600],
1141
+ intense: colors$1.chromatic.topaz[300],
1142
+ strong: colors$1.chromatic.topaz[200]
1143
+ },
1144
+ gray: {
1145
+ faint: colors$1.neutral.blueGrayDark[1300],
1146
+ subtle: colors$1.neutral.blueGrayDark[1100],
1147
+ moderate: colors$1.neutral.blueGrayDark[900],
1148
+ intense: colors$1.neutral.blueGrayDark[700],
1149
+ strong: colors$1.neutral.blueGrayDark[500]
1150
+ }
1151
+ },
1152
+ sequential: {
1153
+ azure: {
1154
+ 50: colors$1.chromatic.azure[1000],
1155
+ 100: colors$1.chromatic.azure[900],
1156
+ 200: colors$1.chromatic.azure[800],
1157
+ 300: colors$1.chromatic.azure[700],
1158
+ 400: colors$1.chromatic.azure[600],
1159
+ 500: colors$1.chromatic.azure[500],
1160
+ 600: colors$1.chromatic.azure[400],
1161
+ 700: colors$1.chromatic.azure[300],
1162
+ 800: colors$1.chromatic.azure[200],
1163
+ 900: colors$1.chromatic.azure[100],
1164
+ 1000: colors$1.chromatic.azure[50]
1165
+ },
1166
+ emerald: {
1167
+ 50: colors$1.chromatic.emerald[1000],
1168
+ 100: colors$1.chromatic.emerald[900],
1169
+ 200: colors$1.chromatic.emerald[800],
1170
+ 300: colors$1.chromatic.emerald[700],
1171
+ 400: colors$1.chromatic.emerald[600],
1172
+ 500: colors$1.chromatic.emerald[500],
1173
+ 600: colors$1.chromatic.emerald[400],
1174
+ 700: colors$1.chromatic.emerald[300],
1175
+ 800: colors$1.chromatic.emerald[200],
1176
+ 900: colors$1.chromatic.emerald[100],
1177
+ 1000: colors$1.chromatic.emerald[50]
1178
+ },
1179
+ crimson: {
1180
+ 50: colors$1.chromatic.crimson[1000],
1181
+ 100: colors$1.chromatic.crimson[900],
1182
+ 200: colors$1.chromatic.crimson[800],
1183
+ 300: colors$1.chromatic.crimson[700],
1184
+ 400: colors$1.chromatic.crimson[600],
1185
+ 500: colors$1.chromatic.crimson[500],
1186
+ 600: colors$1.chromatic.crimson[400],
1187
+ 700: colors$1.chromatic.crimson[300],
1188
+ 800: colors$1.chromatic.crimson[200],
1189
+ 900: colors$1.chromatic.crimson[100],
1190
+ 1000: colors$1.chromatic.crimson[50]
1191
+ },
1192
+ cider: {
1193
+ 50: colors$1.chromatic.cider[1000],
1194
+ 100: colors$1.chromatic.cider[900],
1195
+ 200: colors$1.chromatic.cider[800],
1196
+ 300: colors$1.chromatic.cider[700],
1197
+ 400: colors$1.chromatic.cider[600],
1198
+ 500: colors$1.chromatic.cider[500],
1199
+ 600: colors$1.chromatic.cider[400],
1200
+ 700: colors$1.chromatic.cider[300],
1201
+ 800: colors$1.chromatic.cider[200],
1202
+ 900: colors$1.chromatic.cider[100],
1203
+ 1000: colors$1.chromatic.cider[50]
1204
+ },
1205
+ sapphire: {
1206
+ 50: colors$1.chromatic.sapphire[1000],
1207
+ 100: colors$1.chromatic.sapphire[900],
1208
+ 200: colors$1.chromatic.sapphire[800],
1209
+ 300: colors$1.chromatic.sapphire[700],
1210
+ 400: colors$1.chromatic.sapphire[600],
1211
+ 500: colors$1.chromatic.sapphire[500],
1212
+ 600: colors$1.chromatic.sapphire[400],
1213
+ 700: colors$1.chromatic.sapphire[300],
1214
+ 800: colors$1.chromatic.sapphire[200],
1215
+ 900: colors$1.chromatic.sapphire[100],
1216
+ 1000: colors$1.chromatic.sapphire[50]
1217
+ },
1218
+ orchid: {
1219
+ 50: colors$1.chromatic.orchid[1000],
1220
+ 100: colors$1.chromatic.orchid[900],
1221
+ 200: colors$1.chromatic.orchid[800],
1222
+ 300: colors$1.chromatic.orchid[700],
1223
+ 400: colors$1.chromatic.orchid[600],
1224
+ 500: colors$1.chromatic.orchid[500],
1225
+ 600: colors$1.chromatic.orchid[400],
1226
+ 700: colors$1.chromatic.orchid[300],
1227
+ 800: colors$1.chromatic.orchid[200],
1228
+ 900: colors$1.chromatic.orchid[100],
1229
+ 1000: colors$1.chromatic.orchid[50]
1230
+ },
1231
+ magenta: {
1232
+ 50: colors$1.chromatic.magenta[1000],
1233
+ 100: colors$1.chromatic.magenta[900],
1234
+ 200: colors$1.chromatic.magenta[800],
1235
+ 300: colors$1.chromatic.magenta[700],
1236
+ 400: colors$1.chromatic.magenta[600],
1237
+ 500: colors$1.chromatic.magenta[500],
1238
+ 600: colors$1.chromatic.magenta[400],
1239
+ 700: colors$1.chromatic.magenta[300],
1240
+ 800: colors$1.chromatic.magenta[200],
1241
+ 900: colors$1.chromatic.magenta[100],
1242
+ 1000: colors$1.chromatic.magenta[50]
1243
+ },
1244
+ topaz: {
1245
+ 50: colors$1.chromatic.topaz[1000],
1246
+ 100: colors$1.chromatic.topaz[900],
1247
+ 200: colors$1.chromatic.topaz[800],
1248
+ 300: colors$1.chromatic.topaz[700],
1249
+ 400: colors$1.chromatic.topaz[600],
1250
+ 500: colors$1.chromatic.topaz[500],
1251
+ 600: colors$1.chromatic.topaz[400],
1252
+ 700: colors$1.chromatic.topaz[300],
1253
+ 800: colors$1.chromatic.topaz[200],
1254
+ 900: colors$1.chromatic.topaz[100],
1255
+ 1000: colors$1.chromatic.topaz[50]
1256
+ }
1257
+ }
1258
+ }
1259
+ },
910
1260
  transparent: "hsla(217, 27%, 15%, ".concat(opacity[0], ")")
911
1261
  }
912
1262
  };