@superdispatch/ui 0.35.2 → 0.36.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/dist-node/index.js +13 -0
- package/dist-node/index.js.map +1 -1
- package/dist-src/svg-icon/SvgIconOverrides.js +3 -0
- package/dist-src/tag/Tag.js +10 -0
- package/dist-types/index.d.ts +2 -2
- package/dist-web/index.js +13 -0
- package/dist-web/index.js.map +1 -1
- package/package.json +2 -2
package/dist-src/tag/Tag.js
CHANGED
|
@@ -20,6 +20,10 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
|
|
|
20
20
|
color: ColorDynamic.Dark300,
|
|
21
21
|
backgroundColor: ColorDynamic.Silver200
|
|
22
22
|
},
|
|
23
|
+
'&$colorDark': {
|
|
24
|
+
color: ColorDynamic.Dark500,
|
|
25
|
+
backgroundColor: ColorDynamic.Silver400
|
|
26
|
+
},
|
|
23
27
|
'&$colorBlue': {
|
|
24
28
|
color: ColorDynamic.Blue500,
|
|
25
29
|
backgroundColor: ColorDynamic.Blue50
|
|
@@ -51,6 +55,10 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
|
|
|
51
55
|
backgroundColor: ColorDynamic.Dark300,
|
|
52
56
|
color: ColorDynamic.White
|
|
53
57
|
},
|
|
58
|
+
'&$colorDark': {
|
|
59
|
+
backgroundColor: ColorDynamic.Dark500,
|
|
60
|
+
color: ColorDynamic.White
|
|
61
|
+
},
|
|
54
62
|
'&$colorBlue': {
|
|
55
63
|
backgroundColor: ColorDynamic.Blue300
|
|
56
64
|
},
|
|
@@ -71,6 +79,7 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
|
|
|
71
79
|
}
|
|
72
80
|
},
|
|
73
81
|
colorGrey: {},
|
|
82
|
+
colorDark: {},
|
|
74
83
|
colorBlue: {},
|
|
75
84
|
colorGreen: {},
|
|
76
85
|
colorPurple: {},
|
|
@@ -102,6 +111,7 @@ export var Tag = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
102
111
|
variant: fontWeight === 'bold' ? 'body1' : 'body2',
|
|
103
112
|
className: cx(styles.root, className, {
|
|
104
113
|
'grey': styles.colorGrey,
|
|
114
|
+
'dark': styles.colorDark,
|
|
105
115
|
'blue': styles.colorBlue,
|
|
106
116
|
'green': styles.colorGreen,
|
|
107
117
|
'purple': styles.colorPurple,
|
package/dist-types/index.d.ts
CHANGED
|
@@ -351,11 +351,11 @@ interface StackProps {
|
|
|
351
351
|
}
|
|
352
352
|
declare const Stack: ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>>;
|
|
353
353
|
|
|
354
|
-
declare type TagClassKey = 'root' | 'colorGrey' | 'colorBlue' | 'colorGreen' | 'colorPurple' | 'colorRed' | 'colorTeal' | 'colorYellow' | 'variantSubtle' | 'variantBold';
|
|
354
|
+
declare type TagClassKey = 'root' | 'colorGrey' | 'colorDark' | 'colorBlue' | 'colorGreen' | 'colorPurple' | 'colorRed' | 'colorTeal' | 'colorYellow' | 'variantSubtle' | 'variantBold';
|
|
355
355
|
interface TagProps extends RefAttributes<unknown>, Omit<TypographyProps, 'ref' | 'classes' | 'color' | 'variant'> {
|
|
356
356
|
classes?: Partial<ClassNameMap<TagClassKey>>;
|
|
357
357
|
component?: ElementType;
|
|
358
|
-
color: 'grey' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
|
|
358
|
+
color: 'grey' | 'dark' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
|
|
359
359
|
variant: 'subtle' | 'bold';
|
|
360
360
|
fontWeight?: 'regular' | 'bold';
|
|
361
361
|
}
|
package/dist-web/index.js
CHANGED
|
@@ -2504,6 +2504,10 @@ var useStyles$c = /*#__PURE__*/makeStyles(theme => ({
|
|
|
2504
2504
|
color: ColorDynamic.Dark300,
|
|
2505
2505
|
backgroundColor: ColorDynamic.Silver200
|
|
2506
2506
|
},
|
|
2507
|
+
'&$colorDark': {
|
|
2508
|
+
color: ColorDynamic.Dark500,
|
|
2509
|
+
backgroundColor: ColorDynamic.Silver400
|
|
2510
|
+
},
|
|
2507
2511
|
'&$colorBlue': {
|
|
2508
2512
|
color: ColorDynamic.Blue500,
|
|
2509
2513
|
backgroundColor: ColorDynamic.Blue50
|
|
@@ -2535,6 +2539,10 @@ var useStyles$c = /*#__PURE__*/makeStyles(theme => ({
|
|
|
2535
2539
|
backgroundColor: ColorDynamic.Dark300,
|
|
2536
2540
|
color: ColorDynamic.White
|
|
2537
2541
|
},
|
|
2542
|
+
'&$colorDark': {
|
|
2543
|
+
backgroundColor: ColorDynamic.Dark500,
|
|
2544
|
+
color: ColorDynamic.White
|
|
2545
|
+
},
|
|
2538
2546
|
'&$colorBlue': {
|
|
2539
2547
|
backgroundColor: ColorDynamic.Blue300
|
|
2540
2548
|
},
|
|
@@ -2555,6 +2563,7 @@ var useStyles$c = /*#__PURE__*/makeStyles(theme => ({
|
|
|
2555
2563
|
}
|
|
2556
2564
|
},
|
|
2557
2565
|
colorGrey: {},
|
|
2566
|
+
colorDark: {},
|
|
2558
2567
|
colorBlue: {},
|
|
2559
2568
|
colorGreen: {},
|
|
2560
2569
|
colorPurple: {},
|
|
@@ -2586,6 +2595,7 @@ var Tag = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
2586
2595
|
variant: fontWeight === 'bold' ? 'body1' : 'body2',
|
|
2587
2596
|
className: clsx(styles.root, className, {
|
|
2588
2597
|
'grey': styles.colorGrey,
|
|
2598
|
+
'dark': styles.colorDark,
|
|
2589
2599
|
'blue': styles.colorBlue,
|
|
2590
2600
|
'green': styles.colorGreen,
|
|
2591
2601
|
'purple': styles.colorPurple,
|
|
@@ -3488,6 +3498,9 @@ function overrideSvgIcon(theme) {
|
|
|
3488
3498
|
},
|
|
3489
3499
|
colorAction: {
|
|
3490
3500
|
color: ColorDynamic.Dark100
|
|
3501
|
+
},
|
|
3502
|
+
colorPrimary: {
|
|
3503
|
+
color: ColorDynamic.Blue500
|
|
3491
3504
|
}
|
|
3492
3505
|
};
|
|
3493
3506
|
}
|