@salutejs/sdds-dfa 0.256.0-dev.0 → 0.257.0-canary.1748.13402355393.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -43,5 +43,8 @@ export declare const config: {
43
43
  disabled: {
44
44
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
45
45
  };
46
+ readOnly: {
47
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
48
+ };
46
49
  };
47
50
  };
@@ -5,7 +5,7 @@ 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, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
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: {
@@ -38,9 +38,9 @@ var config = exports.config = {
38
38
  outer: /*#__PURE__*/(0, _styledComponents.css)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral([""])))
39
39
  },
40
40
  chipView: {
41
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor),
42
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor),
43
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor)
41
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor, _styledComponents.selectTokens.textFieldChipBackgroundReadOnly, _styledComponents.selectTokens.textFieldChipColorReadOnly, _styledComponents.selectTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.selectTokens.textFieldChipColorReadOnlyHover, _styledComponents.selectTokens.textFieldChipOpacityReadonly),
42
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor, _styledComponents.selectTokens.textFieldChipBackgroundReadOnly, _styledComponents.selectTokens.textFieldChipColorReadOnly, _styledComponents.selectTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.selectTokens.textFieldChipColorReadOnlyHover, _styledComponents.selectTokens.textFieldChipOpacityReadonly),
43
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": 0.72;\n "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor, _styledComponents.selectTokens.textFieldChipBackgroundReadOnly, _styledComponents.selectTokens.textFieldChipColorReadOnly, _styledComponents.selectTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.selectTokens.textFieldChipColorReadOnlyHover, _styledComponents.selectTokens.textFieldChipOpacityReadonly)
44
44
  },
45
45
  hintView: {
46
46
  "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card-brightness);\n ", ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n "])), _styledComponents.selectTokens.textFieldTooltipBackgroundColor, _styledComponents.selectTokens.textFieldTooltipBoxShadow, _styledComponents.selectTokens.textFieldTooltipColor, _styledComponents.selectTokens.textFieldTooltipArrowBackground)
@@ -51,6 +51,9 @@ var config = exports.config = {
51
51
  },
52
52
  disabled: {
53
53
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.selectTokens.textFieldDisabledOpacity)
54
+ },
55
+ readOnly: {
56
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n "])), _styledComponents.selectTokens.textFieldColorReadOnly, _styledComponents.selectTokens.textFieldBackgroundColorReadOnly, _styledComponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledComponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledComponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledComponents.selectTokens.textFieldLabelColorReadOnly, _styledComponents.selectTokens.textFieldDividerColorReadOnly)
54
57
  }
55
58
  }
56
59
  };
@@ -38,6 +38,9 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
38
38
  disabled: {
39
39
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
40
40
  };
41
+ readOnly: {
42
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
43
+ };
41
44
  }> & ((import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
42
45
  hintText: string;
43
46
  hintTrigger?: "hover" | "click" | undefined;
@@ -68,6 +71,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
68
71
  placeholder?: string | undefined;
69
72
  helperText?: string | undefined;
70
73
  disabled?: boolean | undefined;
74
+ readOnly?: boolean | undefined;
71
75
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
72
76
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
73
77
  children?: undefined;
@@ -120,6 +124,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
120
124
  placeholder?: string | undefined;
121
125
  helperText?: string | undefined;
122
126
  disabled?: boolean | undefined;
127
+ readOnly?: boolean | undefined;
123
128
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
124
129
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
125
130
  children?: undefined;
@@ -172,6 +177,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
172
177
  placeholder?: string | undefined;
173
178
  helperText?: string | undefined;
174
179
  disabled?: boolean | undefined;
180
+ readOnly?: boolean | undefined;
175
181
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
176
182
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
177
183
  children?: undefined;
@@ -224,6 +230,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
224
230
  placeholder?: string | undefined;
225
231
  helperText?: string | undefined;
226
232
  disabled?: boolean | undefined;
233
+ readOnly?: boolean | undefined;
227
234
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
228
235
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
229
236
  children?: undefined;
@@ -264,6 +271,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
264
271
  placeholder?: string | undefined;
265
272
  helperText?: string | undefined;
266
273
  disabled?: boolean | undefined;
274
+ readOnly?: boolean | undefined;
267
275
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
268
276
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
269
277
  children?: undefined;
@@ -304,6 +312,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
304
312
  placeholder?: string | undefined;
305
313
  helperText?: string | undefined;
306
314
  disabled?: boolean | undefined;
315
+ readOnly?: boolean | undefined;
307
316
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
308
317
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
309
318
  children?: undefined;
@@ -1,4 +1,4 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
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, selectTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
@@ -32,9 +32,9 @@ export var config = {
32
32
  outer: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral([""])))
33
33
  },
34
34
  chipView: {
35
- "default": /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor),
36
- secondary: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor),
37
- accent: /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor)
35
+ "default": /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
36
+ secondary: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
37
+ accent: /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": 0.72;\n "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
38
38
  },
39
39
  hintView: {
40
40
  "default": /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card-brightness);\n ", ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n "])), tokens.textFieldTooltipBackgroundColor, tokens.textFieldTooltipBoxShadow, tokens.textFieldTooltipColor, tokens.textFieldTooltipArrowBackground)
@@ -45,6 +45,9 @@ export var config = {
45
45
  },
46
46
  disabled: {
47
47
  "true": /*#__PURE__*/css(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.textFieldDisabledOpacity)
48
+ },
49
+ readOnly: {
50
+ "true": /*#__PURE__*/css(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n "])), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
48
51
  }
49
52
  }
50
53
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.256.0-dev.0",
3
+ "version": "0.257.0-canary.1748.13402355393.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.272.0-dev.0",
22
+ "@salutejs/plasma-new-hope": "0.273.0-canary.1748.13402355393.0",
23
23
  "@salutejs/sdds-themes": "0.32.0-dev.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "990a464154a4ac4841c7ad17c59b5aa7451a6497"
97
+ "gitHead": "dc995bc67837d944936535630f1432fc25ad0783"
98
98
  }