@invoicebox/ui 0.1.0-alpha.309 → 0.1.0-alpha.311

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 (12) hide show
  1. package/dist/components/common/Typography/typography.d.ts +1 -0
  2. package/dist/components/common/Typography/typography.js +1 -0
  3. package/dist/components/form/CurrencyInput/CoreCurrencyInput/styles.d.ts +1 -1
  4. package/dist/components/form/PureInput/styles.d.ts +2 -2
  5. package/dist/components/form/TagsInput/styles.d.ts +1 -1
  6. package/dist/components/form/Toggle/styles.js +1 -1
  7. package/dist/components/form/_hooks/useInputStyles.d.ts +1 -1
  8. package/dist/components/form/constants.js +2 -2
  9. package/dist/esm/components/common/Typography/typography.js +1 -0
  10. package/dist/esm/components/form/Toggle/styles.js +1 -1
  11. package/dist/esm/components/form/constants.js +2 -2
  12. package/package.json +1 -1
package/dist/components/common/Typography/typography.d.ts CHANGED
@@ -3,6 +3,7 @@ export declare const typography: {
3
3
  headline2: import("styled-components").RuleSet<object>;
4
4
  headline3: import("styled-components").RuleSet<object>;
5
5
  headline4: import("styled-components").RuleSet<object>;
6
+ headline5Desktop: import("styled-components").RuleSet<object>;
6
7
  headline5: import("styled-components").RuleSet<object>;
7
8
  headline6: import("styled-components").RuleSet<object>;
8
9
  headerText: import("styled-components").RuleSet<object>;
package/dist/components/common/Typography/typography.js CHANGED
@@ -11,6 +11,7 @@ var typography = exports.typography = {
11
11
  headline2: (0, _styledComponents.css)(["font-size:24px;font-weight:400;line-height:32px;@media ", "{font-size:20px;font-weight:400;line-height:24px;}"], _breakpoints.breakpoints.sm),
12
12
  headline3: (0, _styledComponents.css)(["font-size:20px;font-weight:400;line-height:26px;@media ", "{font-size:18px;font-weight:400;line-height:22px;}"], _breakpoints.breakpoints.sm),
13
13
  headline4: (0, _styledComponents.css)(["font-size:18px;font-weight:400;line-height:22px;@media ", "{font-size:16px;font-weight:400;line-height:24px;}"], _breakpoints.breakpoints.sm),
14
+ headline5Desktop: (0, _styledComponents.css)(["font-size:16px;font-weight:400;line-height:24px;"]),
14
15
  headline5: (0, _styledComponents.css)(["font-size:16px;font-weight:400;line-height:24px;@media ", "{font-size:14px;font-weight:400;line-height:20px;}"], _breakpoints.breakpoints.sm),
15
16
  headline6: (0, _styledComponents.css)(["font-size:16px;font-weight:500;line-height:20px;"]),
16
17
  headerText: (0, _styledComponents.css)(["font-size:15px;font-weight:500;line-height:20px;@media ", "{font-size:18px;font-weight:500;line-height:26px;}"], _breakpoints.breakpoints.sm),
package/dist/components/form/CurrencyInput/CoreCurrencyInput/styles.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare const StyledCurrencyInputFromLibrary: import("styled-components/d
9
9
  $inFocus: boolean;
10
10
  $hasBorder: boolean;
11
11
  $palette: import("../../PureInput/palette").TPureInputPalette;
12
- $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
12
+ $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5Desktop" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
13
13
  $useModernStyles?: boolean | undefined;
14
14
  }>> & string & ({} | Omit<import("react").ComponentClass<any, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<any>, keyof import("react").Component<any, {}, any>>);
15
15
  export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/components/form/PureInput/styles.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare const getPureInputStyled: (component: ElementType) => import("sty
10
10
  $inFocus: boolean;
11
11
  $hasBorder: boolean;
12
12
  $palette: TPureInputPalette;
13
- $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
13
+ $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5Desktop" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
14
14
  $useModernStyles?: boolean | undefined;
15
15
  }>> & string & ({} | Omit<import("react").ComponentClass<any, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<any>, keyof import("react").Component<any, {}, any>>);
16
16
  export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
@@ -23,6 +23,6 @@ export declare const Wrapper: import("styled-components/dist/types").IStyledComp
23
23
  $inFocus: boolean;
24
24
  $hasBorder: boolean;
25
25
  $palette: TPureInputPalette;
26
- $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
26
+ $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5Desktop" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
27
27
  $useModernStyles?: boolean | undefined;
28
28
  }>> & string & ({} | Omit<import("react").ComponentClass<any, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<any>, keyof import("react").Component<any, {}, any>>);
package/dist/components/form/TagsInput/styles.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare const PureInputStyledWrapper: import("styled-components/dist/type
9
9
  $inFocus: boolean;
10
10
  $hasBorder: boolean;
11
11
  $palette: import("../PureInput/palette").TPureInputPalette;
12
- $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
12
+ $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5Desktop" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
13
13
  $useModernStyles?: boolean | undefined;
14
14
  }>> & string & ({} | Omit<React.ComponentClass<any, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<any>, keyof React.Component<any, {}, any>>);
15
15
  export declare const TagsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/components/form/Toggle/styles.js CHANGED
@@ -32,7 +32,7 @@ var INPUT_VARIANT_MAP = exports.INPUT_VARIANT_MAP = {
32
32
  width: 32.225,
33
33
  height: 19.2,
34
34
  circleSize: 16,
35
- labelVariant: 'headline5',
35
+ labelVariant: 'headline5Desktop',
36
36
  leftChecked: 13,
37
37
  left: 0,
38
38
  border: 1.5
package/dist/components/form/_hooks/useInputStyles.d.ts CHANGED
@@ -15,7 +15,7 @@ export declare const useInputStyles: ({ inFocus, useModernStyles, label, size, p
15
15
  paddingAndVariantOptions: {
16
16
  paddingTop: number;
17
17
  paddingBottom: number;
18
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
18
+ variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5Desktop" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
19
19
  };
20
20
  modernInputPlaceholder: string | undefined;
21
21
  isHideModernPlaceholder: boolean;
package/dist/components/form/constants.js CHANGED
@@ -25,7 +25,7 @@ var MODERN_STYLE_SIZE_PARAMS_MAP = exports.MODERN_STYLE_SIZE_PARAMS_MAP = {
25
25
  L: {
26
26
  paddingTop: 24,
27
27
  paddingBottom: 8,
28
- variant: 'headline5',
28
+ variant: 'headline5Desktop',
29
29
  $labelVariant: 'labelsHintsRegular',
30
30
  $labelPaddingTop: 8,
31
31
  $placeholderPaddingTop: 16
@@ -41,7 +41,7 @@ var MODERN_STYLE_SIZE_PARAMS_MAP = exports.MODERN_STYLE_SIZE_PARAMS_MAP = {
41
41
  XS: {
42
42
  paddingTop: 6,
43
43
  paddingBottom: 6,
44
- variant: 'headline5',
44
+ variant: 'headline5Desktop',
45
45
  $labelVariant: 'labelsHintsRegular',
46
46
  $labelPaddingTop: -18,
47
47
  $placeholderPaddingTop: 6
package/dist/esm/components/common/Typography/typography.js CHANGED
@@ -5,6 +5,7 @@ export var typography = {
5
5
  headline2: css(["font-size:24px;font-weight:400;line-height:32px;@media ", "{font-size:20px;font-weight:400;line-height:24px;}"], breakpoints.sm),
6
6
  headline3: css(["font-size:20px;font-weight:400;line-height:26px;@media ", "{font-size:18px;font-weight:400;line-height:22px;}"], breakpoints.sm),
7
7
  headline4: css(["font-size:18px;font-weight:400;line-height:22px;@media ", "{font-size:16px;font-weight:400;line-height:24px;}"], breakpoints.sm),
8
+ headline5Desktop: css(["font-size:16px;font-weight:400;line-height:24px;"]),
8
9
  headline5: css(["font-size:16px;font-weight:400;line-height:24px;@media ", "{font-size:14px;font-weight:400;line-height:20px;}"], breakpoints.sm),
9
10
  headline6: css(["font-size:16px;font-weight:500;line-height:20px;"]),
10
11
  headerText: css(["font-size:15px;font-weight:500;line-height:20px;@media ", "{font-size:18px;font-weight:500;line-height:26px;}"], breakpoints.sm),
package/dist/esm/components/form/Toggle/styles.js CHANGED
@@ -25,7 +25,7 @@ export var INPUT_VARIANT_MAP = {
25
25
  width: 32.225,
26
26
  height: 19.2,
27
27
  circleSize: 16,
28
- labelVariant: 'headline5',
28
+ labelVariant: 'headline5Desktop',
29
29
  leftChecked: 13,
30
30
  left: 0,
31
31
  border: 1.5
package/dist/esm/components/form/constants.js CHANGED
@@ -19,7 +19,7 @@ export var MODERN_STYLE_SIZE_PARAMS_MAP = {
19
19
  L: {
20
20
  paddingTop: 24,
21
21
  paddingBottom: 8,
22
- variant: 'headline5',
22
+ variant: 'headline5Desktop',
23
23
  $labelVariant: 'labelsHintsRegular',
24
24
  $labelPaddingTop: 8,
25
25
  $placeholderPaddingTop: 16
@@ -35,7 +35,7 @@ export var MODERN_STYLE_SIZE_PARAMS_MAP = {
35
35
  XS: {
36
36
  paddingTop: 6,
37
37
  paddingBottom: 6,
38
- variant: 'headline5',
38
+ variant: 'headline5Desktop',
39
39
  $labelVariant: 'labelsHintsRegular',
40
40
  $labelPaddingTop: -18,
41
41
  $placeholderPaddingTop: 6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.309",
3
+ "version": "0.1.0-alpha.311",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {