@salutejs/sdds-cs 0.321.1-canary.2079.16199559995.0 → 0.321.1-canary.2080.16212818786.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.
@@ -12,6 +12,7 @@ export declare const config: {
12
12
  };
13
13
  size: {
14
14
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
+ sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
16
  };
16
17
  disabled: {
17
18
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -89,7 +89,16 @@ function _templateObject3() {
89
89
  function _templateObject4() {
90
90
  var data = _tagged_template_literal([
91
91
  "\n ",
92
- ": 0.4;\n "
92
+ ": 2.5rem;\n ",
93
+ ": 2.5rem;\n ",
94
+ ": var(--plasma-typo-body-s-font-family);\n ",
95
+ ": var(--plasma-typo-body-s-font-size);\n ",
96
+ ": var(--plasma-typo-body-s-font-style);\n ",
97
+ ": var(--plasma-typo-body-s-bold-font-weight);\n ",
98
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
99
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
100
+ ": 1.375rem;\n ",
101
+ ": inherit;\n "
93
102
  ]);
94
103
  _templateObject4 = function _templateObject() {
95
104
  return data;
@@ -99,13 +108,23 @@ function _templateObject4() {
99
108
  function _templateObject5() {
100
109
  var data = _tagged_template_literal([
101
110
  "\n ",
102
- ": var(--surface-accent);\n "
111
+ ": 0.4;\n "
103
112
  ]);
104
113
  _templateObject5 = function _templateObject() {
105
114
  return data;
106
115
  };
107
116
  return data;
108
117
  }
118
+ function _templateObject6() {
119
+ var data = _tagged_template_literal([
120
+ "\n ",
121
+ ": var(--surface-accent);\n "
122
+ ]);
123
+ _templateObject6 = function _templateObject() {
124
+ return data;
125
+ };
126
+ return data;
127
+ }
109
128
  var config = {
110
129
  defaults: {
111
130
  view: 'accent',
@@ -119,13 +138,14 @@ var config = {
119
138
  clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorActive)
120
139
  },
121
140
  size: {
122
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
141
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
142
+ sr: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
123
143
  },
124
144
  disabled: {
125
- true: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
145
+ true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
126
146
  },
127
147
  focused: {
128
- true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
148
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
129
149
  }
130
150
  }
131
151
  };
@@ -9,6 +9,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
9
9
  };
10
10
  size: {
11
11
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
+ sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
13
  };
13
14
  disabled: {
14
15
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -89,7 +89,16 @@ function _templateObject3() {
89
89
  function _templateObject4() {
90
90
  var data = _tagged_template_literal([
91
91
  "\n ",
92
- ": 0.4;\n "
92
+ ": 2.5rem;\n ",
93
+ ": 2.5rem;\n ",
94
+ ": var(--plasma-typo-body-s-font-family);\n ",
95
+ ": var(--plasma-typo-body-s-font-size);\n ",
96
+ ": var(--plasma-typo-body-s-font-style);\n ",
97
+ ": var(--plasma-typo-body-s-bold-font-weight);\n ",
98
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
99
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
100
+ ": 1.375rem;\n ",
101
+ ": inherit;\n "
93
102
  ]);
94
103
  _templateObject4 = function _templateObject() {
95
104
  return data;
@@ -99,13 +108,23 @@ function _templateObject4() {
99
108
  function _templateObject5() {
100
109
  var data = _tagged_template_literal([
101
110
  "\n ",
102
- ": var(--surface-accent);\n "
111
+ ": 0.4;\n "
103
112
  ]);
104
113
  _templateObject5 = function _templateObject() {
105
114
  return data;
106
115
  };
107
116
  return data;
108
117
  }
118
+ function _templateObject6() {
119
+ var data = _tagged_template_literal([
120
+ "\n ",
121
+ ": var(--surface-accent);\n "
122
+ ]);
123
+ _templateObject6 = function _templateObject() {
124
+ return data;
125
+ };
126
+ return data;
127
+ }
109
128
  var config = {
110
129
  defaults: {
111
130
  view: 'accent',
@@ -119,13 +138,14 @@ var config = {
119
138
  clear: (0, _emotion.css)(_templateObject2(), _emotion.iconButtonTokens.iconButtonColor, _emotion.iconButtonTokens.iconButtonBackgroundColor, _emotion.iconButtonTokens.iconButtonLoadingBackgroundColor, _emotion.iconButtonTokens.iconButtonBackgroundColorHover, _emotion.iconButtonTokens.iconButtonBackgroundColorActive)
120
139
  },
121
140
  size: {
122
- s: (0, _emotion.css)(_templateObject3(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
141
+ s: (0, _emotion.css)(_templateObject3(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
142
+ sr: (0, _emotion.css)(_templateObject4(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
123
143
  },
124
144
  disabled: {
125
- true: (0, _emotion.css)(_templateObject4(), _emotion.iconButtonTokens.iconButtonDisabledOpacity)
145
+ true: (0, _emotion.css)(_templateObject5(), _emotion.iconButtonTokens.iconButtonDisabledOpacity)
126
146
  },
127
147
  focused: {
128
- true: (0, _emotion.css)(_templateObject5(), _emotion.iconButtonTokens.iconButtonFocusColor)
148
+ true: (0, _emotion.css)(_templateObject6(), _emotion.iconButtonTokens.iconButtonFocusColor)
129
149
  }
130
150
  }
131
151
  };
@@ -78,7 +78,16 @@ function _templateObject3() {
78
78
  function _templateObject4() {
79
79
  var data = _tagged_template_literal([
80
80
  "\n ",
81
- ": 0.4;\n "
81
+ ": 2.5rem;\n ",
82
+ ": 2.5rem;\n ",
83
+ ": var(--plasma-typo-body-s-font-family);\n ",
84
+ ": var(--plasma-typo-body-s-font-size);\n ",
85
+ ": var(--plasma-typo-body-s-font-style);\n ",
86
+ ": var(--plasma-typo-body-s-bold-font-weight);\n ",
87
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
88
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
89
+ ": 1.375rem;\n ",
90
+ ": inherit;\n "
82
91
  ]);
83
92
  _templateObject4 = function _templateObject() {
84
93
  return data;
@@ -88,13 +97,23 @@ function _templateObject4() {
88
97
  function _templateObject5() {
89
98
  var data = _tagged_template_literal([
90
99
  "\n ",
91
- ": var(--surface-accent);\n "
100
+ ": 0.4;\n "
92
101
  ]);
93
102
  _templateObject5 = function _templateObject() {
94
103
  return data;
95
104
  };
96
105
  return data;
97
106
  }
107
+ function _templateObject6() {
108
+ var data = _tagged_template_literal([
109
+ "\n ",
110
+ ": var(--surface-accent);\n "
111
+ ]);
112
+ _templateObject6 = function _templateObject() {
113
+ return data;
114
+ };
115
+ return data;
116
+ }
98
117
  import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/emotion';
99
118
  export var config = {
100
119
  defaults: {
@@ -109,13 +128,14 @@ export var config = {
109
128
  clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
110
129
  },
111
130
  size: {
112
- s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
131
+ s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
132
+ sr: css(_templateObject4(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
113
133
  },
114
134
  disabled: {
115
- true: css(_templateObject4(), iconButtonTokens.iconButtonDisabledOpacity)
135
+ true: css(_templateObject5(), iconButtonTokens.iconButtonDisabledOpacity)
116
136
  },
117
137
  focused: {
118
- true: css(_templateObject5(), iconButtonTokens.iconButtonFocusColor)
138
+ true: css(_templateObject6(), iconButtonTokens.iconButtonFocusColor)
119
139
  }
120
140
  }
121
141
  };
@@ -78,7 +78,16 @@ function _templateObject3() {
78
78
  function _templateObject4() {
79
79
  var data = _tagged_template_literal([
80
80
  "\n ",
81
- ": 0.4;\n "
81
+ ": 2.5rem;\n ",
82
+ ": 2.5rem;\n ",
83
+ ": var(--plasma-typo-body-s-font-family);\n ",
84
+ ": var(--plasma-typo-body-s-font-size);\n ",
85
+ ": var(--plasma-typo-body-s-font-style);\n ",
86
+ ": var(--plasma-typo-body-s-bold-font-weight);\n ",
87
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
88
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
89
+ ": 1.375rem;\n ",
90
+ ": inherit;\n "
82
91
  ]);
83
92
  _templateObject4 = function _templateObject() {
84
93
  return data;
@@ -88,13 +97,23 @@ function _templateObject4() {
88
97
  function _templateObject5() {
89
98
  var data = _tagged_template_literal([
90
99
  "\n ",
91
- ": var(--surface-accent);\n "
100
+ ": 0.4;\n "
92
101
  ]);
93
102
  _templateObject5 = function _templateObject() {
94
103
  return data;
95
104
  };
96
105
  return data;
97
106
  }
107
+ function _templateObject6() {
108
+ var data = _tagged_template_literal([
109
+ "\n ",
110
+ ": var(--surface-accent);\n "
111
+ ]);
112
+ _templateObject6 = function _templateObject() {
113
+ return data;
114
+ };
115
+ return data;
116
+ }
98
117
  import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
99
118
  export var config = {
100
119
  defaults: {
@@ -109,13 +128,14 @@ export var config = {
109
128
  clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
110
129
  },
111
130
  size: {
112
- s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
131
+ s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
132
+ sr: css(_templateObject4(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
113
133
  },
114
134
  disabled: {
115
- true: css(_templateObject4(), iconButtonTokens.iconButtonDisabledOpacity)
135
+ true: css(_templateObject5(), iconButtonTokens.iconButtonDisabledOpacity)
116
136
  },
117
137
  focused: {
118
- true: css(_templateObject5(), iconButtonTokens.iconButtonFocusColor)
138
+ true: css(_templateObject6(), iconButtonTokens.iconButtonFocusColor)
119
139
  }
120
140
  }
121
141
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.321.1-canary.2079.16199559995.0",
3
+ "version": "0.321.1-canary.2080.16212818786.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -30,7 +30,7 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.329.1-canary.2079.16199559995.0",
33
+ "@salutejs/plasma-new-hope": "0.329.1-canary.2080.16212818786.0",
34
34
  "@salutejs/sdds-themes": "0.41.0"
35
35
  },
36
36
  "peerDependencies": {
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "e4e439abdb320df5d9e9a4b9028420cd3b83ddd5"
126
+ "gitHead": "c12ed257c8f290549993e4bd480dee0aa81589d8"
127
127
  }