@salutejs/plasma-asdk 0.204.0-canary.1565.11870784206.0 → 0.204.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/api/plasma-asdk.api.md +3 -0
  2. package/components/Switch/Switch.config.d.ts +4 -0
  3. package/components/Switch/Switch.config.js +9 -5
  4. package/components/Switch/Switch.d.ts +6 -0
  5. package/es/components/Switch/Switch.config.js +9 -5
  6. package/package.json +3 -3
  7. package/temp/plasma-asdk.api.md +0 -572
package/api/plasma-asdk.api.md CHANGED
@@ -504,6 +504,9 @@ export const Switch: FunctionComponent<PropsType< {
504
504
  size: {
505
505
  m: PolymorphicClassName;
506
506
  };
507
+ toggleSize: {
508
+ l: PolymorphicClassName;
509
+ };
507
510
  view: {
508
511
  default: PolymorphicClassName;
509
512
  };
package/components/Switch/Switch.config.d.ts CHANGED
@@ -2,6 +2,7 @@ export declare const config: {
2
2
  defaults: {
3
3
  view: string;
4
4
  size: string;
5
+ toggleSize: string;
5
6
  labelPosition: string;
6
7
  focused: string;
7
8
  };
@@ -9,6 +10,9 @@ export declare const config: {
9
10
  size: {
10
11
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
12
  };
13
+ toggleSize: {
14
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
+ };
12
16
  view: {
13
17
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
18
  };
package/components/Switch/Switch.config.js CHANGED
@@ -5,27 +5,31 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.config = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
9
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
10
  var config = exports.config = {
11
11
  defaults: {
12
12
  view: 'default',
13
13
  size: 'm',
14
+ toggleSize: 'l',
14
15
  labelPosition: 'before',
15
16
  focused: 'true'
16
17
  },
17
18
  variations: {
18
19
  size: {
19
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n ", ": 0.75rem;\n "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale, _styledComponents.switchTokens.labelOffset)
20
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": 0.25rem;\n ", ": 0.75rem;\n "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.descriptionFontFamily, _styledComponents.switchTokens.descriptionFontStyle, _styledComponents.switchTokens.descriptionFontWeight, _styledComponents.switchTokens.descriptionLineHeight, _styledComponents.switchTokens.descriptionFontSize, _styledComponents.switchTokens.descriptionLetterSpacing, _styledComponents.switchTokens.verticalGap, _styledComponents.switchTokens.labelOffset)
21
+ },
22
+ toggleSize: {
23
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n "])), _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale)
20
24
  },
21
25
  view: {
22
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent-main);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
26
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent-main);\n ", ": var(--surface-accent-main-hover);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": 0rem;\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), _styledComponents.switchTokens.labelColor, _styledComponents.switchTokens.descriptionColor, _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.trackBorderWidth, _styledComponents.switchTokens.thumbBackgroundColorOff, _styledComponents.switchTokens.thumbBackgroundColorOn, _styledComponents.switchTokens.thumbBoxShadow)
23
27
  },
24
28
  disabled: {
25
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.switchTokens.disabledOpacity)
29
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.switchTokens.disabledOpacity)
26
30
  },
27
31
  focused: {
28
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent-main);\n "])), _styledComponents.switchTokens.trackFocusColor)
32
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent-main);\n "])), _styledComponents.switchTokens.trackFocusColor)
29
33
  }
30
34
  }
31
35
  };
package/components/Switch/Switch.d.ts CHANGED
@@ -3,6 +3,9 @@ declare const SwitchComponent: import("react").FunctionComponent<import("@salute
3
3
  size: {
4
4
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
5
  };
6
+ toggleSize: {
7
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
+ };
6
9
  view: {
7
10
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
11
  };
@@ -17,6 +20,9 @@ export declare const Switch: import("react").FunctionComponent<import("@salutejs
17
20
  size: {
18
21
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
22
  };
23
+ toggleSize: {
24
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
+ };
20
26
  view: {
21
27
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
28
  };
package/es/components/Switch/Switch.config.js CHANGED
@@ -1,25 +1,29 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { css, switchTokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
5
5
  defaults: {
6
6
  view: 'default',
7
7
  size: 'm',
8
+ toggleSize: 'l',
8
9
  labelPosition: 'before',
9
10
  focused: 'true'
10
11
  },
11
12
  variations: {
12
13
  size: {
13
- m: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n ", ": 0.75rem;\n "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
14
+ m: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": 0.25rem;\n ", ": 0.75rem;\n "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset)
15
+ },
16
+ toggleSize: {
17
+ l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n "])), switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
14
18
  },
15
19
  view: {
16
- "default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent-main);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOff, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
20
+ "default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent-main);\n ", ": var(--surface-accent-main-hover);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": 0rem;\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.trackBorderWidth, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
17
21
  },
18
22
  disabled: {
19
- "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), switchTokens.disabledOpacity)
23
+ "true": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), switchTokens.disabledOpacity)
20
24
  },
21
25
  focused: {
22
- "true": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent-main);\n "])), switchTokens.trackFocusColor)
26
+ "true": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent-main);\n "])), switchTokens.trackFocusColor)
23
27
  }
24
28
  }
25
29
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-asdk",
3
- "version": "0.204.0-canary.1565.11870784206.0",
3
+ "version": "0.204.0-dev.0",
4
4
  "description": "Salute Design System / React UI kit for Assistant web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/plasma-asdk"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.194.0-canary.1565.11870784206.0",
22
+ "@salutejs/plasma-new-hope": "0.194.0-dev.0",
23
23
  "@salutejs/plasma-tokens": "1.105.0",
24
24
  "@salutejs/plasma-tokens-b2b": "1.43.0",
25
25
  "@salutejs/plasma-typo": "0.40.0"
@@ -98,5 +98,5 @@
98
98
  "Fanil Zubairov"
99
99
  ],
100
100
  "sideEffects": false,
101
- "gitHead": "a115c361e7d369974acc59964bb9cfb72fa74bf5"
101
+ "gitHead": "c58896a004fb89f31dacd08dc2d20602e23fa6d4"
102
102
  }
package/temp/plasma-asdk.api.md DELETED
@@ -1,572 +0,0 @@
1
- ## API Report File for "@salutejs/plasma-asdk"
2
-
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
-
5
- ```ts
6
-
7
- /// <reference types="react" />
8
-
9
- import { AnchorHTMLAttributes } from 'react';
10
- import { AsProps } from '@salutejs/plasma-new-hope/styled-components';
11
- import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
12
- import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
13
- import { ButtonHTMLAttributes } from 'react';
14
- import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
15
- import { ComponentProps } from 'react';
16
- import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
17
- import { FunctionComponent } from 'react';
18
- import { HTMLAttributes } from 'react';
19
- import { HtmlHTMLAttributes } from 'react';
20
- import { ImageProps } from '@salutejs/plasma-new-hope';
21
- import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
22
- import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
23
- import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types';
24
- import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
25
- import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
26
- import { default as React_2 } from 'react';
27
- import { ReactNode } from 'react';
28
- import { RefAttributes } from 'react';
29
- import { SpacingProps } from '@salutejs/plasma-new-hope/styled-components';
30
- import { SSRProvider } from '@salutejs/plasma-new-hope/styled-components';
31
- import { StyledComponent } from 'styled-components';
32
- import { SubtitleProps } from '@salutejs/plasma-new-hope/styled-components';
33
- import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
34
- import { TypographyOldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Old/TypographyOld';
35
- import { Variants } from '@salutejs/plasma-new-hope/types/engines/types';
36
-
37
- // @public (undocumented)
38
- export const Body1: FunctionComponent<PropsType< {
39
- size: {
40
- body1: PolymorphicClassName;
41
- };
42
- }> & {
43
- breakWord?: boolean | undefined;
44
- color?: string | undefined;
45
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
46
-
47
- // @public (undocumented)
48
- export const Body2: FunctionComponent<PropsType< {
49
- size: {
50
- body2: PolymorphicClassName;
51
- };
52
- }> & {
53
- breakWord?: boolean | undefined;
54
- color?: string | undefined;
55
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
56
-
57
- // @public (undocumented)
58
- export const BodyL: FunctionComponent<PropsType< {
59
- size: {
60
- l: PolymorphicClassName;
61
- };
62
- }> & {
63
- breakWord?: boolean | undefined;
64
- color?: string | undefined;
65
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
66
-
67
- // @public (undocumented)
68
- export const BodyM: FunctionComponent<PropsType< {
69
- size: {
70
- m: PolymorphicClassName;
71
- };
72
- }> & {
73
- breakWord?: boolean | undefined;
74
- color?: string | undefined;
75
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
76
-
77
- // @public (undocumented)
78
- export const BodyS: FunctionComponent<PropsType< {
79
- size: {
80
- s: PolymorphicClassName;
81
- };
82
- }> & {
83
- breakWord?: boolean | undefined;
84
- color?: string | undefined;
85
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
86
-
87
- // @public (undocumented)
88
- export const BodyXS: FunctionComponent<PropsType< {
89
- size: {
90
- xs: PolymorphicClassName;
91
- };
92
- }> & {
93
- breakWord?: boolean | undefined;
94
- color?: string | undefined;
95
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
96
-
97
- // @public (undocumented)
98
- export const BodyXXS: FunctionComponent<PropsType< {
99
- size: {
100
- xxs: PolymorphicClassName;
101
- };
102
- }> & {
103
- breakWord?: boolean | undefined;
104
- color?: string | undefined;
105
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
106
-
107
- // @public
108
- export const Button: FunctionComponent<PropsType< {
109
- view: {
110
- default: PolymorphicClassName;
111
- primary: PolymorphicClassName;
112
- accent: PolymorphicClassName;
113
- secondary: PolymorphicClassName;
114
- clear: PolymorphicClassName;
115
- success: PolymorphicClassName;
116
- warning: PolymorphicClassName;
117
- critical: PolymorphicClassName;
118
- dark: PolymorphicClassName;
119
- black: PolymorphicClassName;
120
- white: PolymorphicClassName;
121
- };
122
- size: {
123
- l: PolymorphicClassName;
124
- lr: PolymorphicClassName;
125
- m: PolymorphicClassName;
126
- mr: PolymorphicClassName;
127
- s: PolymorphicClassName;
128
- sr: PolymorphicClassName;
129
- xs: PolymorphicClassName;
130
- xsr: PolymorphicClassName;
131
- xxs: PolymorphicClassName;
132
- };
133
- disabled: {
134
- true: PolymorphicClassName;
135
- };
136
- focused: {
137
- true: PolymorphicClassName;
138
- };
139
- stretching: {
140
- auto: PolymorphicClassName;
141
- filled: PolymorphicClassName;
142
- fixed: PolymorphicClassName;
143
- };
144
- }> & ((Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps<any> & {
145
- text?: string | undefined;
146
- contentLeft?: ReactNode;
147
- contentPlacing?: ("default" | "relaxed") | undefined;
148
- isLoading?: boolean | undefined;
149
- loader?: ReactNode;
150
- stretch?: boolean | undefined;
151
- stretching?: ("auto" | "filled" | "fixed") | undefined;
152
- square?: boolean | undefined;
153
- focused?: boolean | undefined;
154
- disabled?: boolean | undefined;
155
- pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
156
- view?: string | undefined;
157
- size?: string | undefined;
158
- outlined?: boolean | undefined;
159
- shiftLeft?: boolean | undefined;
160
- shiftRight?: boolean | undefined;
161
- blur?: "small" | "large" | "medium" | undefined;
162
- } & {
163
- value?: string | number | undefined;
164
- contentRight?: undefined;
165
- } & RefAttributes<HTMLButtonElement>) | (Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps<any> & {
166
- text?: string | undefined;
167
- contentLeft?: ReactNode;
168
- contentPlacing?: ("default" | "relaxed") | undefined;
169
- isLoading?: boolean | undefined;
170
- loader?: ReactNode;
171
- stretch?: boolean | undefined;
172
- stretching?: ("auto" | "filled" | "fixed") | undefined;
173
- square?: boolean | undefined;
174
- focused?: boolean | undefined;
175
- disabled?: boolean | undefined;
176
- pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
177
- view?: string | undefined;
178
- size?: string | undefined;
179
- outlined?: boolean | undefined;
180
- shiftLeft?: boolean | undefined;
181
- shiftRight?: boolean | undefined;
182
- blur?: "small" | "large" | "medium" | undefined;
183
- } & {
184
- value?: undefined;
185
- contentRight?: ReactNode;
186
- } & RefAttributes<HTMLButtonElement>))>;
187
-
188
- // @public (undocumented)
189
- export const Button1: FunctionComponent<PropsType< {
190
- size: {
191
- button1: PolymorphicClassName;
192
- };
193
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
194
-
195
- // @public (undocumented)
196
- export const Button2: FunctionComponent<PropsType< {
197
- size: {
198
- button2: PolymorphicClassName;
199
- };
200
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
201
-
202
- // Warning: (ae-forgotten-export) The symbol "ButtonComponent" needs to be exported by the entry point index.d.ts
203
- //
204
- // @public (undocumented)
205
- export type ButtonProps = typeof ButtonComponent;
206
-
207
- // @public (undocumented)
208
- export const Caption: FunctionComponent<PropsType< {
209
- size: {
210
- m: PolymorphicClassName;
211
- };
212
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
213
-
214
- // @public
215
- export const Checkbox: FunctionComponent<PropsType< {
216
- size: {
217
- s: PolymorphicClassName;
218
- m: PolymorphicClassName;
219
- };
220
- view: {
221
- accent: PolymorphicClassName;
222
- };
223
- disabled: {
224
- true: PolymorphicClassName;
225
- };
226
- focused: {
227
- true: PolymorphicClassName;
228
- };
229
- }> & CheckboxProps_2 & RefAttributes<HTMLInputElement>>;
230
-
231
- // Warning: (ae-forgotten-export) The symbol "CheckboxComponent" needs to be exported by the entry point index.d.ts
232
- //
233
- // @public (undocumented)
234
- export type CheckboxProps = ComponentProps<typeof CheckboxComponent>;
235
-
236
- // @public (undocumented)
237
- export const DsplL: FunctionComponent<PropsType< {
238
- size: {
239
- l: PolymorphicClassName;
240
- };
241
- }> & {
242
- breakWord?: boolean | undefined;
243
- color?: string | undefined;
244
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
245
-
246
- // @public (undocumented)
247
- export const DsplM: FunctionComponent<PropsType< {
248
- size: {
249
- m: PolymorphicClassName;
250
- };
251
- }> & {
252
- breakWord?: boolean | undefined;
253
- color?: string | undefined;
254
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
255
-
256
- // @public (undocumented)
257
- export const DsplS: FunctionComponent<PropsType< {
258
- size: {
259
- s: PolymorphicClassName;
260
- };
261
- }> & {
262
- breakWord?: boolean | undefined;
263
- color?: string | undefined;
264
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
265
-
266
- // @public (undocumented)
267
- export const Footnote1: FunctionComponent<PropsType< {
268
- size: {
269
- footnote1: PolymorphicClassName;
270
- };
271
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
272
-
273
- // @public (undocumented)
274
- export const Footnote2: FunctionComponent<PropsType< {
275
- size: {
276
- footnote2: PolymorphicClassName;
277
- };
278
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
279
-
280
- // @public (undocumented)
281
- export const H1: FunctionComponent<PropsType< {
282
- size: {
283
- h1: PolymorphicClassName;
284
- };
285
- }> & {
286
- breakWord?: boolean | undefined;
287
- color?: string | undefined;
288
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
289
-
290
- // @public (undocumented)
291
- export const H2: FunctionComponent<PropsType< {
292
- size: {
293
- h2: PolymorphicClassName;
294
- };
295
- }> & {
296
- breakWord?: boolean | undefined;
297
- color?: string | undefined;
298
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
299
-
300
- // @public (undocumented)
301
- export const H3: FunctionComponent<PropsType< {
302
- size: {
303
- h3: PolymorphicClassName;
304
- };
305
- }> & {
306
- breakWord?: boolean | undefined;
307
- color?: string | undefined;
308
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
309
-
310
- // @public (undocumented)
311
- export const H4: FunctionComponent<PropsType< {
312
- size: {
313
- h4: PolymorphicClassName;
314
- };
315
- }> & {
316
- breakWord?: boolean | undefined;
317
- color?: string | undefined;
318
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
319
-
320
- // @public (undocumented)
321
- export const H5: FunctionComponent<PropsType< {
322
- size: {
323
- h5: PolymorphicClassName;
324
- };
325
- }> & {
326
- breakWord?: boolean | undefined;
327
- color?: string | undefined;
328
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
329
-
330
- // @public (undocumented)
331
- export const HeaderArrow: FunctionComponent<PropsType<Variants> & ButtonHTMLAttributes<HTMLButtonElement> & {
332
- arrow?: "back" | "minimize" | undefined;
333
- iconSize?: "s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl" | undefined;
334
- } & RefAttributes<HTMLDivElement>>;
335
-
336
- // @public
337
- export const HeaderContent: ({ children, ...rest }: React_2.HTMLAttributes<HTMLDivElement>) => JSX.Element;
338
-
339
- // Warning: (ae-forgotten-export) The symbol "HeaderLogoProps" needs to be exported by the entry point index.d.ts
340
- //
341
- // @public (undocumented)
342
- export const HeaderLogo: FunctionComponent<PropsType<Variants> & HeaderLogoProps & RefAttributes<HTMLDivElement>>;
343
-
344
- // @public (undocumented)
345
- export const HeaderRoot: FunctionComponent<PropsType< {
346
- view: {
347
- default: PolymorphicClassName;
348
- primary: PolymorphicClassName;
349
- };
350
- size: {
351
- l: PolymorphicClassName;
352
- m: PolymorphicClassName;
353
- s: PolymorphicClassName;
354
- };
355
- }> & HtmlHTMLAttributes<HTMLDivElement> & {
356
- size?: string | undefined;
357
- gradientColor?: string | undefined;
358
- view?: string | undefined;
359
- } & RefAttributes<HTMLDivElement>>;
360
-
361
- // @public
362
- export const HeaderTitle: ({ children, ...rest }: React_2.HTMLAttributes<HTMLDivElement>) => JSX.Element;
363
-
364
- // @public (undocumented)
365
- export const HeaderTitleWrapper: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
366
- label?: string | undefined;
367
- title?: string | undefined;
368
- subTitle?: string | undefined;
369
- caption?: string | undefined;
370
- children?: ReactNode;
371
- withBigTitle?: boolean | undefined;
372
- } & RefAttributes<HTMLDivElement>>;
373
-
374
- // @public (undocumented)
375
- export const Headline1: FunctionComponent<PropsType< {
376
- size: {
377
- headline1: PolymorphicClassName;
378
- };
379
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
380
-
381
- // @public (undocumented)
382
- export const Headline2: FunctionComponent<PropsType< {
383
- size: {
384
- headline2: PolymorphicClassName;
385
- };
386
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
387
-
388
- // @public (undocumented)
389
- export const Headline3: FunctionComponent<PropsType< {
390
- size: {
391
- headline3: PolymorphicClassName;
392
- };
393
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
394
-
395
- // @public (undocumented)
396
- export const Headline4: FunctionComponent<PropsType< {
397
- size: {
398
- headline4: PolymorphicClassName;
399
- };
400
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
401
-
402
- // @public (undocumented)
403
- export const Headline5: FunctionComponent<PropsType< {
404
- size: {
405
- headline5: PolymorphicClassName;
406
- };
407
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
408
-
409
- // @public
410
- export const Link: FunctionComponent<PropsType< {
411
- view: {
412
- default: PolymorphicClassName;
413
- primary: PolymorphicClassName;
414
- };
415
- disabled: {
416
- true: PolymorphicClassName;
417
- };
418
- focused: {
419
- true: PolymorphicClassName;
420
- };
421
- }> & AnchorHTMLAttributes<HTMLAnchorElement> & LinkCustomProps & RefAttributes<HTMLAnchorElement>>;
422
-
423
- // @public (undocumented)
424
- export const P1: FunctionComponent<PropsType< {
425
- size: {
426
- paragraph1: PolymorphicClassName;
427
- };
428
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
429
-
430
- // @public (undocumented)
431
- export const P2: FunctionComponent<PropsType< {
432
- size: {
433
- paragraph2: PolymorphicClassName;
434
- };
435
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
436
-
437
- // @public
438
- export const Radiobox: FunctionComponent<PropsType< {
439
- size: {
440
- s: PolymorphicClassName;
441
- m: PolymorphicClassName;
442
- };
443
- view: {
444
- accent: PolymorphicClassName;
445
- };
446
- disabled: {
447
- true: PolymorphicClassName;
448
- };
449
- focused: {
450
- true: PolymorphicClassName;
451
- };
452
- }> & Filter<InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<BaseboxProps, "indeterminate"> & RefAttributes<HTMLInputElement>>;
453
-
454
- // Warning: (ae-forgotten-export) The symbol "RadioboxComponent" needs to be exported by the entry point index.d.ts
455
- //
456
- // @public (undocumented)
457
- export type RadioboxProps = ComponentProps<typeof RadioboxComponent>;
458
-
459
- export { RadioGroup }
460
-
461
- // @public
462
- export const Spinner: StyledComponent<FunctionComponent<PropsType< {
463
- view: {
464
- accent: PolymorphicClassName;
465
- };
466
- }> & ((HTMLAttributes<HTMLDivElement> & {
467
- width?: undefined;
468
- height?: undefined;
469
- size?: string | undefined;
470
- view?: string | undefined;
471
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
472
- width: number;
473
- height: number;
474
- size?: undefined; /**
475
- * @deprecated
476
- */
477
- view?: string | undefined;
478
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
479
- width: string;
480
- height: string;
481
- size?: undefined;
482
- view?: string | undefined;
483
- } & RefAttributes<HTMLDivElement>))>, any, {}, never>;
484
-
485
- // @public (undocumented)
486
- export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
487
- size?: string | number;
488
- view?: string;
489
- color?: string;
490
- deviceScale?: number;
491
- };
492
-
493
- export { SSRProvider }
494
-
495
- // @public (undocumented)
496
- export const Subtitle: FunctionComponent<PropsType< {
497
- size: {
498
- m: PolymorphicClassName;
499
- };
500
- }> & SubtitleProps & RefAttributes<HTMLDivElement>>;
501
-
502
- // @public (undocumented)
503
- export const Switch: FunctionComponent<PropsType< {
504
- size: {
505
- m: PolymorphicClassName;
506
- };
507
- view: {
508
- default: PolymorphicClassName;
509
- };
510
- disabled: {
511
- true: PolymorphicClassName;
512
- };
513
- focused: {
514
- true: PolymorphicClassName;
515
- };
516
- }> & SwitchProps_2 & RefAttributes<HTMLInputElement>>;
517
-
518
- // Warning: (ae-forgotten-export) The symbol "SwitchComponent" needs to be exported by the entry point index.d.ts
519
- //
520
- // @public (undocumented)
521
- export type SwitchProps = ComponentProps<typeof SwitchComponent>;
522
-
523
- // @public (undocumented)
524
- export const TextL: FunctionComponent<PropsType< {
525
- size: {
526
- l: PolymorphicClassName;
527
- };
528
- }> & {
529
- breakWord?: boolean | undefined;
530
- color?: string | undefined;
531
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
532
-
533
- // @public (undocumented)
534
- export const TextM: FunctionComponent<PropsType< {
535
- size: {
536
- m: PolymorphicClassName;
537
- };
538
- }> & {
539
- breakWord?: boolean | undefined;
540
- color?: string | undefined;
541
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
542
-
543
- // @public (undocumented)
544
- export const TextS: FunctionComponent<PropsType< {
545
- size: {
546
- s: PolymorphicClassName;
547
- };
548
- }> & {
549
- breakWord?: boolean | undefined;
550
- color?: string | undefined;
551
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
552
-
553
- // @public (undocumented)
554
- export const TextXS: FunctionComponent<PropsType< {
555
- size: {
556
- xs: PolymorphicClassName;
557
- };
558
- }> & {
559
- breakWord?: boolean | undefined;
560
- color?: string | undefined;
561
- } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
562
-
563
- // @public (undocumented)
564
- export const Underline: FunctionComponent<PropsType< {
565
- size: {
566
- m: PolymorphicClassName;
567
- };
568
- }> & TypographyOldProps & RefAttributes<HTMLDivElement>>;
569
-
570
- // (No @packageDocumentation comment for this package)
571
-
572
- ```