@razorpay/blade 10.13.2 → 10.14.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.
- package/build/components/index.d.ts +114 -46
- package/build/components/index.development.web.js +163 -145
- package/build/components/index.development.web.js.map +1 -1
- package/build/components/index.native.d.ts +114 -46
- package/build/components/index.native.js +16 -16
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.production.web.js +163 -145
- package/build/components/index.production.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +333 -157
- package/build/css/bankingThemeDarkMobile.css +333 -157
- package/build/css/bankingThemeLightDesktop.css +332 -156
- package/build/css/bankingThemeLightMobile.css +332 -156
- package/build/css/paymentThemeDarkDesktop.css +333 -157
- package/build/css/paymentThemeDarkMobile.css +333 -157
- package/build/css/paymentThemeLightDesktop.css +332 -156
- package/build/css/paymentThemeLightMobile.css +332 -156
- package/build/tokens/index.d.ts +46 -25
- package/build/tokens/index.development.web.js +3344 -1488
- package/build/tokens/index.development.web.js.map +1 -1
- package/build/tokens/index.native.d.ts +46 -25
- package/build/tokens/index.native.js +2 -2
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.production.web.js +3344 -1488
- package/build/tokens/index.production.web.js.map +1 -1
- package/build/utils/index.d.ts +46 -25
- package/build/utils/index.development.web.js.map +1 -1
- package/build/utils/index.native.d.ts +46 -25
- package/build/utils/index.native.js.map +1 -1
- package/package.json +1 -1
package/build/tokens/index.d.ts
CHANGED
|
@@ -451,23 +451,46 @@ declare type ActionStatesWithContrast = {
|
|
|
451
451
|
active: ColorContrast;
|
|
452
452
|
disabled: ColorContrast;
|
|
453
453
|
};
|
|
454
|
+
declare type ActionStatesWithLowContrast = {
|
|
455
|
+
default: Pick<ColorContrast, 'lowContrast'>;
|
|
456
|
+
hover: Pick<ColorContrast, 'lowContrast'>;
|
|
457
|
+
focus: Pick<ColorContrast, 'lowContrast'>;
|
|
458
|
+
active: Pick<ColorContrast, 'lowContrast'>;
|
|
459
|
+
disabled: Pick<ColorContrast, 'lowContrast'>;
|
|
460
|
+
};
|
|
454
461
|
declare type ActionVariants = {
|
|
455
462
|
primary: ActionStates;
|
|
456
463
|
secondary: ActionStates;
|
|
457
464
|
tertiary: ActionStates;
|
|
458
465
|
link: LinkActionStates;
|
|
459
466
|
};
|
|
460
|
-
declare type ActionVariantsWithContrast = {
|
|
461
|
-
primary: ActionStatesWithContrast;
|
|
462
|
-
secondary: ActionStatesWithContrast;
|
|
463
|
-
tertiary: ActionStatesWithContrast;
|
|
464
|
-
link: ActionStatesWithContrast;
|
|
465
|
-
};
|
|
466
467
|
declare type FeedbackActions = {
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
468
|
+
action: {
|
|
469
|
+
background: {
|
|
470
|
+
primary: ActionStatesWithContrast;
|
|
471
|
+
secondary: ActionStatesWithLowContrast;
|
|
472
|
+
};
|
|
473
|
+
border: {
|
|
474
|
+
primary: ActionStatesWithContrast;
|
|
475
|
+
secondary: ActionStatesWithLowContrast;
|
|
476
|
+
};
|
|
477
|
+
text: {
|
|
478
|
+
link: ActionStatesWithContrast;
|
|
479
|
+
primary: ActionStatesWithContrast;
|
|
480
|
+
secondary: ActionStatesWithLowContrast;
|
|
481
|
+
};
|
|
482
|
+
icon: {
|
|
483
|
+
link: ActionStatesWithContrast;
|
|
484
|
+
primary: ActionStatesWithContrast;
|
|
485
|
+
secondary: ActionStatesWithLowContrast;
|
|
486
|
+
};
|
|
487
|
+
};
|
|
488
|
+
};
|
|
489
|
+
declare type WhiteColors = {
|
|
490
|
+
background: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;
|
|
491
|
+
border: Pick<ActionVariants, 'primary' | 'secondary' | 'tertiary'>;
|
|
492
|
+
text: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;
|
|
493
|
+
icon: Pick<ActionVariants, 'link' | 'primary' | 'secondary' | 'tertiary'>;
|
|
471
494
|
};
|
|
472
495
|
declare type Colors = {
|
|
473
496
|
brand: {
|
|
@@ -480,21 +503,11 @@ declare type Colors = {
|
|
|
480
503
|
border: Record<Feedback, ColorContrast>;
|
|
481
504
|
text: Record<Feedback, ColorContrast>;
|
|
482
505
|
icon: Record<Feedback, ColorContrast>;
|
|
483
|
-
positive:
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
};
|
|
489
|
-
information: {
|
|
490
|
-
action: FeedbackActions;
|
|
491
|
-
};
|
|
492
|
-
notice: {
|
|
493
|
-
action: FeedbackActions;
|
|
494
|
-
};
|
|
495
|
-
neutral: {
|
|
496
|
-
action: FeedbackActions;
|
|
497
|
-
};
|
|
506
|
+
positive: FeedbackActions;
|
|
507
|
+
negative: FeedbackActions;
|
|
508
|
+
information: FeedbackActions;
|
|
509
|
+
notice: FeedbackActions;
|
|
510
|
+
neutral: FeedbackActions;
|
|
498
511
|
};
|
|
499
512
|
surface: {
|
|
500
513
|
background: Record<'level1' | 'level2' | 'level3', ColorContrast>;
|
|
@@ -503,6 +516,8 @@ declare type Colors = {
|
|
|
503
516
|
action: {
|
|
504
517
|
icon: ActionStatesWithContrast;
|
|
505
518
|
};
|
|
519
|
+
overlay: Record<'background', Record<400 | 800, string>>;
|
|
520
|
+
popup: Record<'background', string>;
|
|
506
521
|
};
|
|
507
522
|
overlay: Record<'background', string>;
|
|
508
523
|
action: {
|
|
@@ -525,6 +540,12 @@ declare type Colors = {
|
|
|
525
540
|
blue: ColorContrast;
|
|
526
541
|
};
|
|
527
542
|
};
|
|
543
|
+
static: {
|
|
544
|
+
white: string;
|
|
545
|
+
};
|
|
546
|
+
white: {
|
|
547
|
+
action: WhiteColors;
|
|
548
|
+
};
|
|
528
549
|
};
|
|
529
550
|
declare type ColorsWithModes = Record<ColorSchemeModes, Colors>;
|
|
530
551
|
declare type ThemeTokens = {
|