@superdispatch/ui-lab 0.29.0 → 0.29.4
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.
|
@@ -11,6 +11,7 @@ var normalizeTextColor = /*#__PURE__*/createRuleNormalizer({
|
|
|
11
11
|
inherit: 'inherit',
|
|
12
12
|
primary: Color.Dark500,
|
|
13
13
|
secondary: Color.Dark300,
|
|
14
|
+
'light-gray': Color.Dark100,
|
|
14
15
|
white: Color.White,
|
|
15
16
|
blue: Color.Blue500,
|
|
16
17
|
green: Color.Green500,
|
|
@@ -29,7 +30,8 @@ var VARIANT_TYPE_MAPPING = {
|
|
|
29
30
|
body: 'span',
|
|
30
31
|
'body-block': 'p',
|
|
31
32
|
'body-semibold': 'span',
|
|
32
|
-
caption: 'span'
|
|
33
|
+
caption: 'span',
|
|
34
|
+
hint: 'span'
|
|
33
35
|
};
|
|
34
36
|
function variantMixin(_ref, variant) {
|
|
35
37
|
var {
|
|
@@ -65,6 +67,11 @@ function variantMixin(_ref, variant) {
|
|
|
65
67
|
return typography.body1;
|
|
66
68
|
case 'caption':
|
|
67
69
|
return typography.caption;
|
|
70
|
+
case 'hint':
|
|
71
|
+
return mergeStyles({}, typography.caption, {
|
|
72
|
+
lineHeight: '20px',
|
|
73
|
+
fontSize: '13px'
|
|
74
|
+
});
|
|
68
75
|
}
|
|
69
76
|
}
|
|
70
77
|
function textBoxMixin(noWrap, align, color, display, wrapOverflow) {
|
package/dist-types/index.d.ts
CHANGED
|
@@ -380,9 +380,9 @@ interface SidebarSubheaderProps {
|
|
|
380
380
|
declare const SidebarSubheader: ForwardRefExoticComponent<SidebarSubheaderProps & RefAttributes<HTMLDivElement>>;
|
|
381
381
|
|
|
382
382
|
declare type TextAlignProp = 'left' | 'right' | 'center';
|
|
383
|
-
declare type TextColorProp = 'inherit' | 'primary' | 'secondary' | 'white' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
|
|
383
|
+
declare type TextColorProp = 'inherit' | 'primary' | 'secondary' | 'light-gray' | 'white' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
|
|
384
384
|
declare type TextDisplayProp = 'none' | 'block' | 'inline' | 'initial' | 'inherit';
|
|
385
|
-
declare type TextVariantProp = 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'heading-5' | 'heading-6' | 'body' | 'body-block' | 'body-semibold' | 'caption';
|
|
385
|
+
declare type TextVariantProp = 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'heading-5' | 'heading-6' | 'body' | 'body-block' | 'body-semibold' | 'caption' | 'hint';
|
|
386
386
|
interface TextBoxProps {
|
|
387
387
|
children?: ReactNode;
|
|
388
388
|
as?: keyof JSX.IntrinsicElements;
|
package/dist-web/index.js
CHANGED
|
@@ -658,6 +658,7 @@ var normalizeTextColor = /*#__PURE__*/createRuleNormalizer({
|
|
|
658
658
|
inherit: 'inherit',
|
|
659
659
|
primary: Color.Dark500,
|
|
660
660
|
secondary: Color.Dark300,
|
|
661
|
+
'light-gray': Color.Dark100,
|
|
661
662
|
white: Color.White,
|
|
662
663
|
blue: Color.Blue500,
|
|
663
664
|
green: Color.Green500,
|
|
@@ -676,7 +677,8 @@ var VARIANT_TYPE_MAPPING = {
|
|
|
676
677
|
body: 'span',
|
|
677
678
|
'body-block': 'p',
|
|
678
679
|
'body-semibold': 'span',
|
|
679
|
-
caption: 'span'
|
|
680
|
+
caption: 'span',
|
|
681
|
+
hint: 'span'
|
|
680
682
|
};
|
|
681
683
|
function variantMixin(_ref, variant) {
|
|
682
684
|
var {
|
|
@@ -712,6 +714,11 @@ function variantMixin(_ref, variant) {
|
|
|
712
714
|
return typography.body1;
|
|
713
715
|
case 'caption':
|
|
714
716
|
return typography.caption;
|
|
717
|
+
case 'hint':
|
|
718
|
+
return mergeStyles({}, typography.caption, {
|
|
719
|
+
lineHeight: '20px',
|
|
720
|
+
fontSize: '13px'
|
|
721
|
+
});
|
|
715
722
|
}
|
|
716
723
|
}
|
|
717
724
|
function textBoxMixin(noWrap, align, color, display, wrapOverflow) {
|