@salutejs/sdds-dfa 0.323.0-canary.2261.18122634710.0 → 0.323.0-canary.2262.18127312179.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.
@@ -77,6 +77,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
77
77
  hasExtra?: boolean;
78
78
  type?: "badge" | "counter";
79
79
  extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
80
+ customBorderRadius?: number | string;
80
81
  } & {
81
82
  badgeView?: string | undefined;
82
83
  pilled?: boolean | undefined;
@@ -102,6 +103,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
102
103
  hasExtra?: boolean;
103
104
  type?: "badge" | "counter";
104
105
  extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
106
+ customBorderRadius?: number | string;
105
107
  } & {
106
108
  counterView?: string | undefined;
107
109
  count?: number | undefined;
@@ -161,6 +163,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
161
163
  hasExtra?: boolean;
162
164
  type?: "badge" | "counter";
163
165
  extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
166
+ customBorderRadius?: number | string;
164
167
  } & {
165
168
  badgeView?: string | undefined;
166
169
  pilled?: boolean | undefined;
@@ -186,6 +189,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
186
189
  hasExtra?: boolean;
187
190
  type?: "badge" | "counter";
188
191
  extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
192
+ customBorderRadius?: number | string;
189
193
  } & {
190
194
  counterView?: string | undefined;
191
195
  count?: number | undefined;
@@ -50,7 +50,8 @@ function _templateObject1() {
50
50
  "\n ",
51
51
  ": 3.5rem;\n ",
52
52
  ": 1rem;\n ",
53
- ": 0.375rem;\n ",
53
+ ": 1rem;\n ",
54
+ ": 0.75rem 1rem;\n ",
54
55
  ": 2rem;\n ",
55
56
  ": 0.75rem;\n ",
56
57
  ": 0.25rem;\n ",
@@ -80,14 +81,15 @@ function _templateObject2() {
80
81
  "\n ",
81
82
  ": 3rem;\n ",
82
83
  ": 0.875rem;\n ",
83
- ": 0.375rem;\n ",
84
+ ": 0.75rem 0.875rem;\n ",
85
+ ": 0.5rem 0.875rem;\n ",
84
86
  ": 2rem;\n ",
85
87
  ": 0.625rem;\n ",
86
88
  ": 0.25rem;\n ",
87
89
  ": 0.25rem;\n ",
88
90
  ": 0 0.5rem 0 0;\n ",
89
- ": 0 0 0 0.5rem;\n ",
90
91
  ": 0 0.5rem 0 0;\n ",
92
+ ": 0 0 0 0.5rem;\n ",
91
93
  ": 1.5rem;\n ",
92
94
  ": 0 0.5rem 0 0;\n ",
93
95
  ": 1.5rem;\n ",
@@ -110,7 +112,8 @@ function _templateObject3() {
110
112
  "\n ",
111
113
  ": 2.5rem;\n ",
112
114
  ": 0.75rem;\n ",
113
- ": 0.25rem;\n ",
115
+ ": 0.5rem 0.75rem;\n ",
116
+ ": 0.4375rem 0.5rem;\n ",
114
117
  ": 1.875rem;\n ",
115
118
  ": 0.5rem;\n ",
116
119
  ": 0.25rem;\n ",
@@ -140,7 +143,8 @@ function _templateObject4() {
140
143
  "\n ",
141
144
  ": 2rem;\n ",
142
145
  ": 0.5rem;\n ",
143
- ": 0.125rem;\n ",
146
+ ": 0.5rem;\n ",
147
+ ": 0.25rem 0.5rem;\n ",
144
148
  ": 1.25rem;\n ",
145
149
  ": 0.375rem;\n ",
146
150
  ": 0.25rem;\n ",
@@ -175,10 +179,10 @@ var config = {
175
179
  default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor, _styledcomponents.treeTokens.itemDraggableBorderColor, _styledcomponents.treeTokens.itemDraggableLineColor)
176
180
  },
177
181
  size: {
178
- l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
179
- m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
180
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
181
- xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
182
+ l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
183
+ m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
184
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
185
+ xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
182
186
  }
183
187
  }
184
188
  };
@@ -39,7 +39,8 @@ function _templateObject1() {
39
39
  "\n ",
40
40
  ": 3.5rem;\n ",
41
41
  ": 1rem;\n ",
42
- ": 0.375rem;\n ",
42
+ ": 1rem;\n ",
43
+ ": 0.75rem 1rem;\n ",
43
44
  ": 2rem;\n ",
44
45
  ": 0.75rem;\n ",
45
46
  ": 0.25rem;\n ",
@@ -69,14 +70,15 @@ function _templateObject2() {
69
70
  "\n ",
70
71
  ": 3rem;\n ",
71
72
  ": 0.875rem;\n ",
72
- ": 0.375rem;\n ",
73
+ ": 0.75rem 0.875rem;\n ",
74
+ ": 0.5rem 0.875rem;\n ",
73
75
  ": 2rem;\n ",
74
76
  ": 0.625rem;\n ",
75
77
  ": 0.25rem;\n ",
76
78
  ": 0.25rem;\n ",
77
79
  ": 0 0.5rem 0 0;\n ",
78
- ": 0 0 0 0.5rem;\n ",
79
80
  ": 0 0.5rem 0 0;\n ",
81
+ ": 0 0 0 0.5rem;\n ",
80
82
  ": 1.5rem;\n ",
81
83
  ": 0 0.5rem 0 0;\n ",
82
84
  ": 1.5rem;\n ",
@@ -99,7 +101,8 @@ function _templateObject3() {
99
101
  "\n ",
100
102
  ": 2.5rem;\n ",
101
103
  ": 0.75rem;\n ",
102
- ": 0.25rem;\n ",
104
+ ": 0.5rem 0.75rem;\n ",
105
+ ": 0.4375rem 0.5rem;\n ",
103
106
  ": 1.875rem;\n ",
104
107
  ": 0.5rem;\n ",
105
108
  ": 0.25rem;\n ",
@@ -129,7 +132,8 @@ function _templateObject4() {
129
132
  "\n ",
130
133
  ": 2rem;\n ",
131
134
  ": 0.5rem;\n ",
132
- ": 0.125rem;\n ",
135
+ ": 0.5rem;\n ",
136
+ ": 0.25rem 0.5rem;\n ",
133
137
  ": 1.25rem;\n ",
134
138
  ": 0.375rem;\n ",
135
139
  ": 0.25rem;\n ",
@@ -165,10 +169,10 @@ export var config = {
165
169
  default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
166
170
  },
167
171
  size: {
168
- l: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
169
- m: css(_templateObject2(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMarginInverted, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
170
- s: css(_templateObject3(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
171
- xs: css(_templateObject4(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
172
+ l: css(_templateObject1(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
173
+ m: css(_templateObject2(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
174
+ s: css(_templateObject3(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
175
+ xs: css(_templateObject4(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
172
176
  }
173
177
  }
174
178
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.323.0-canary.2261.18122634710.0",
3
+ "version": "0.323.0-canary.2262.18127312179.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.337.0-canary.2261.18122634710.0",
22
+ "@salutejs/plasma-new-hope": "0.337.0-canary.2262.18127312179.0",
23
23
  "@salutejs/sdds-themes": "0.47.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "339496e3d6df6c6eba826c03cf8274a942ae2be1"
97
+ "gitHead": "ccbe0a0a3ff79740d9b1aa1651f909335d9bf7a8"
98
98
  }