@salutejs/plasma-new-hope 0.147.1-canary.1441.10903391077.0 → 0.148.0-canary.1439.10902873046.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +5 -5
  2. package/cjs/components/Autocomplete/Autocomplete.styles.js +5 -5
  3. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  4. package/cjs/components/Autocomplete/{Autocomplete.styles_4wbmok.css → Autocomplete.styles_192fzgs.css} +1 -1
  5. package/cjs/components/Autocomplete/Autocomplete.tokens.js +2 -0
  6. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  7. package/cjs/components/Combobox/ComboboxNew/Combobox.css +3 -3
  8. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +11 -11
  9. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  10. package/{es/components/Combobox/ComboboxNew/Combobox.styles_iq2uzw.css → cjs/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css} +1 -1
  11. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  12. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +3 -3
  14. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +3 -3
  15. package/cjs/components/Pagination/Pagination.css +17 -17
  16. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
  17. package/cjs/components/Select/Select.css +17 -17
  18. package/cjs/components/Select/Select.styles.js +3 -3
  19. package/cjs/components/Select/Select.styles.js.map +1 -1
  20. package/cjs/components/Select/{Select.styles_hzoeqc.css → Select.styles_1nzals0.css} +1 -1
  21. package/cjs/components/Select/Select.tokens.js +5 -1
  22. package/cjs/components/Select/Select.tokens.js.map +1 -1
  23. package/cjs/components/Select/ui/Inner/Inner.css +17 -17
  24. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +17 -17
  25. package/cjs/components/Select/ui/Target/Target.css +12 -12
  26. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
  27. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +29 -15
  28. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  29. package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_rtzthp.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_11yj58s.css} +2 -2
  30. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  31. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  32. package/cjs/components/TextArea/variations/_view/base_8npjyq.css +1 -0
  33. package/cjs/index.css +27 -27
  34. package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +5 -5
  35. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +2 -0
  36. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +6 -6
  37. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  38. package/emotion/cjs/components/Select/Select.styles.js +6 -6
  39. package/emotion/cjs/components/Select/Select.tokens.js +5 -1
  40. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -21
  41. package/emotion/cjs/components/TextArea/variations/_view/base.js +1 -1
  42. package/emotion/es/components/Autocomplete/Autocomplete.styles.js +5 -5
  43. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +2 -0
  44. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +6 -6
  45. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  46. package/emotion/es/components/Select/Select.styles.js +6 -6
  47. package/emotion/es/components/Select/Select.tokens.js +5 -1
  48. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -21
  49. package/emotion/es/components/TextArea/variations/_view/base.js +1 -1
  50. package/es/components/Autocomplete/Autocomplete.css +5 -5
  51. package/es/components/Autocomplete/Autocomplete.styles.js +5 -5
  52. package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  53. package/es/components/Autocomplete/{Autocomplete.styles_4wbmok.css → Autocomplete.styles_192fzgs.css} +1 -1
  54. package/es/components/Autocomplete/Autocomplete.tokens.js +2 -0
  55. package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  56. package/es/components/Combobox/ComboboxNew/Combobox.css +3 -3
  57. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +11 -11
  58. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  59. package/{cjs/components/Combobox/ComboboxNew/Combobox.styles_iq2uzw.css → es/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css} +1 -1
  60. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  61. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  62. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +3 -3
  63. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +3 -3
  64. package/es/components/Pagination/Pagination.css +17 -17
  65. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
  66. package/es/components/Select/Select.css +17 -17
  67. package/es/components/Select/Select.styles.js +3 -3
  68. package/es/components/Select/Select.styles.js.map +1 -1
  69. package/es/components/Select/{Select.styles_hzoeqc.css → Select.styles_1nzals0.css} +1 -1
  70. package/es/components/Select/Select.tokens.js +5 -1
  71. package/es/components/Select/Select.tokens.js.map +1 -1
  72. package/es/components/Select/ui/Inner/Inner.css +17 -17
  73. package/es/components/Select/ui/Inner/ui/Item/Item.css +17 -17
  74. package/es/components/Select/ui/Target/Target.css +12 -12
  75. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
  76. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +29 -15
  77. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  78. package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_rtzthp.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_11yj58s.css} +2 -2
  79. package/es/components/TextArea/variations/_view/base.js +1 -1
  80. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  81. package/es/components/TextArea/variations/_view/base_8npjyq.css +1 -0
  82. package/es/index.css +27 -27
  83. package/package.json +4 -4
  84. package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +2 -2
  85. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +2 -0
  86. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  87. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  88. package/styled-components/cjs/components/Select/Select.styles.js +2 -2
  89. package/styled-components/cjs/components/Select/Select.tokens.js +5 -1
  90. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +15 -9
  91. package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
  92. package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +2 -2
  93. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +2 -0
  94. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  95. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  96. package/styled-components/es/components/Select/Select.styles.js +2 -2
  97. package/styled-components/es/components/Select/Select.tokens.js +5 -1
  98. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +15 -9
  99. package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
  100. package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
  101. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +2 -0
  102. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
  103. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  104. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +2 -0
  105. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  106. package/types/components/Select/Select.styles.d.ts.map +1 -1
  107. package/types/components/Select/Select.tokens.d.ts +5 -1
  108. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  109. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  110. package/cjs/components/TextArea/variations/_view/base_jjtr9h.css +0 -1
  111. package/es/components/TextArea/variations/_view/base_jjtr9h.css +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.147.1-canary.1441.10903391077.0",
3
+ "version": "0.148.0-canary.1439.10902873046.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -80,7 +80,7 @@
80
80
  "@rollup/plugin-babel": "^6.0.4",
81
81
  "@rollup/plugin-commonjs": "^25.0.4",
82
82
  "@rollup/plugin-node-resolve": "^15.1.0",
83
- "@salutejs/plasma-sb-utils": "0.177.1-canary.1441.10903391077.0",
83
+ "@salutejs/plasma-sb-utils": "0.177.0",
84
84
  "@storybook/addon-docs": "^7.6.17",
85
85
  "@storybook/addon-essentials": "^7.6.17",
86
86
  "@storybook/addons": "^7.6.17",
@@ -113,7 +113,7 @@
113
113
  "@linaria/core": "5.0.2",
114
114
  "@linaria/react": "5.0.3",
115
115
  "@popperjs/core": "2.11.8",
116
- "@salutejs/plasma-core": "1.179.1-canary.1441.10903391077.0",
116
+ "@salutejs/plasma-core": "1.179.0",
117
117
  "dayjs": "1.11.11",
118
118
  "focus-visible": "5.2.0",
119
119
  "lodash.throttle": "4.1.1",
@@ -121,5 +121,5 @@
121
121
  "react-popper": "2.3.0",
122
122
  "storeon": "3.1.5"
123
123
  },
124
- "gitHead": "14d3c6c1d3716fd8c766562e12927761c0cdc2a7"
124
+ "gitHead": "80ec566de0a4a77443bf89973805a839ba61674b"
125
125
  }
@@ -21,10 +21,10 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
21
21
  });
22
22
  var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
23
23
  componentId: "plasma-new-hope__sc-ff6pwi-1"
24
- })(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow-y:scroll;margin:0;padding:var(", ");"], _Autocomplete.tokens.background, _Autocomplete.tokens.boxShadow, _Autocomplete.tokens.borderRadius, function (_ref2) {
24
+ })(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow-y:scroll;border:var(", ") solid var(", ");margin:0;padding:var(", ");"], _Autocomplete.tokens.background, _Autocomplete.tokens.boxShadow, _Autocomplete.tokens.borderRadius, function (_ref2) {
25
25
  var listMaxHeight = _ref2.listMaxHeight;
26
26
  return listMaxHeight || 'none';
27
- }, _Autocomplete.tokens.padding);
27
+ }, _Autocomplete.tokens.dropdownBorderWidth, _Autocomplete.tokens.dropdownBorderColor, _Autocomplete.tokens.padding);
28
28
  var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
29
29
  componentId: "plasma-new-hope__sc-ff6pwi-2"
30
30
  })(["color:", ";margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");opacity:var(", ");cursor:", ";"], function (_ref3) {
@@ -71,6 +71,8 @@ var tokens = exports.tokens = {
71
71
  boxShadow: '--plasma-autocomplete-box-shadow',
72
72
  borderRadius: '--plasma-autocomplete-border-radius',
73
73
  padding: '--plasma-autocomplete-padding',
74
+ dropdownBorderColor: '--plasma-select-dropdown-border-color',
75
+ dropdownBorderWidth: '--plasma-select-dropdown-border-width',
74
76
  itemPadding: '--plasma-autocomplete-item-padding',
75
77
  itemBorderRadius: '--plasma-autocomplete-item-border-radius',
76
78
  itemFontFamily: '--plasma-autocomplete-item-font-family',
@@ -16,7 +16,7 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_EmptyState.emptyState
16
16
  var EmptyState = /*#__PURE__*/(0, _engines.component)(mergedConfig);
17
17
  var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
18
18
  componentId: "plasma-new-hope__sc-2kddkg-0"
19
- })(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.borderRadius, function (_ref) {
19
+ })(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.borderRadius, function (_ref) {
20
20
  var listWidth = _ref.listWidth;
21
21
  return listWidth || '100%';
22
22
  }, function (_ref2) {
@@ -25,7 +25,7 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
25
25
  }, function (_ref3) {
26
26
  var listOverflow = _ref3.listOverflow;
27
27
  return listOverflow || 'initial';
28
- }, function (_ref4) {
28
+ }, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.dropdownBorderColor, function (_ref4) {
29
29
  var isInnerUl = _ref4.isInnerUl;
30
30
  return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0 0") : 0;
31
31
  }, _Combobox.tokens.padding, _Combobox.classes.emptyStateWrapper);
@@ -27,6 +27,8 @@ var tokens = exports.tokens = {
27
27
  fontWeight: '--plasma-combobox-font-weight',
28
28
  fontLetterSpacing: '--plasma-combobox-font-letter-spacing',
29
29
  fontLineHeight: '--plasma-combobox-font-line-height',
30
+ dropdownBorderColor: '--plasma-select-dropdown-border-color',
31
+ dropdownBorderWidth: '--plasma-select-dropdown-border-width',
30
32
  itemHeight: '--plasma-combobox-item-height',
31
33
  itemBorderRadius: '--plasma-combobox-item-border-radius',
32
34
  itemPadding: '--plasma-combobox-item-padding',
@@ -21,7 +21,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
21
21
  }, /*#__PURE__*/String(_Popover.popoverClasses.target));
22
22
  var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
23
23
  componentId: "plasma-new-hope__sc-le54jv-1"
24
- })(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref2) {
24
+ })(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref2) {
25
25
  var listWidth = _ref2.listWidth;
26
26
  return listWidth || '100%';
27
27
  }, function (_ref3) {
@@ -30,7 +30,7 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
30
30
  }, function (_ref4) {
31
31
  var listOverflow = _ref4.listOverflow;
32
32
  return listOverflow || 'initial';
33
- }, function (_ref5) {
33
+ }, _Select.tokens.popoverBorderWidth, _Select.tokens.popoverBorderColor, function (_ref5) {
34
34
  var isInnerUl = _ref5.isInnerUl;
35
35
  return isInnerUl ? "calc(var(".concat(_Select.tokens.padding, ") * -1) 0 0 var(").concat(_Select.tokens.padding, ")") : 0;
36
36
  }, _Select.tokens.padding);
@@ -58,6 +58,9 @@ var tokens = exports.tokens = {
58
58
  targetTextfieldBackgroundColor: '--plasma-select-target-textfield-background-color',
59
59
  targetTextfieldBackgroundColorOpened: '--plasma-select-target-textfield-background-color-opened',
60
60
  targetTextfieldBorderColor: '--plasma-select-target-textfield-border-color',
61
+ targetTextfieldBorderColorHover: '--plasma-select-target-textfield-border-color-hover',
62
+ targetTextfieldBorderOpenedColor: '--plasma-select-target-textfield-border-opened-color',
63
+ targetTextfieldBorderSize: '--plasma-select-target-textfield-border-size',
61
64
  targetButtonPadding: '--plasma-select-target-button-padding',
62
65
  targetTextfieldPadding: '--plasma-select-target-textfield-padding',
63
66
  targetTextfieldChipPadding: '--plasma-select-target-textfield-chip-padding',
@@ -74,6 +77,8 @@ var tokens = exports.tokens = {
74
77
  chipCloseIconSize: '--plasma-select-chip-close-icon-size',
75
78
  chipClearContentMarginLeft: '--plasma-select-chip-clear-content-margin-left',
76
79
  chipClearContentMarginRight: '--plasma-select-chip-clear-content-margin-right',
80
+ popoverBorderColor: '--plasma-select-popover-border-color',
81
+ popoverBorderWidth: '--plasma-select-popover-border-width',
77
82
  labelOffset: '--plasma-select-label-offset',
78
83
  innerLabelGap: '--plasma-select-inner-label-gap',
79
84
  helperTextColor: '--plasma-select-helper-text-color',
@@ -94,7 +99,6 @@ var constants = exports.constants = {
94
99
  textfieldOuterLabelColor: '--text-primary',
95
100
  textfieldInnerLabelColor: '--text-secondary',
96
101
  textfieldPlaceholderColor: '--text-secondary',
97
- textfieldBorderSize: '0.0625rem',
98
102
  opacity: '0.4',
99
103
  fontFamily: '--plasma-typo-body-xs-font-family',
100
104
  fontSize: '--plasma-typo-body-xs-font-size',
@@ -16,22 +16,28 @@ var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonCo
16
16
  var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
17
17
  var TextfieldWrapper = exports.TextfieldWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
18
18
  componentId: "plasma-new-hope__sc-1akl2tk-0"
19
- })(["display:inline;.", "{background:", ";padding:", ";}.", "::before{box-shadow:none !important;}"], _Select.classes.textfieldTarget, function (_ref) {
19
+ })(["display:inline;.", "{transition:100ms;background:", ";padding:", ";border:", ";}.", ":hover{transition:100ms;border:", ";}.", "::before{box-shadow:none !important;}"], _Select.classes.textfieldTarget, function (_ref) {
20
20
  var opened = _ref.opened;
21
21
  return opened ? "var(".concat(_Select.tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(_Select.tokens.targetTextfieldBackgroundColor, ")");
22
22
  }, function (_ref2) {
23
23
  var value = _ref2.value;
24
24
  return Array.isArray(value) && !(0, _utils.isEmpty)(value) ? "0 var(".concat(_Select.tokens.targetTextfieldChipPadding, ")") : "0 var(".concat(_Select.tokens.targetTextfieldPadding, ")");
25
+ }, function (_ref3) {
26
+ var opened = _ref3.opened;
27
+ return opened ? "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderOpenedColor, ")") : "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderColor, ")");
28
+ }, _Select.classes.textfieldTarget, function (_ref4) {
29
+ var opened = _ref4.opened;
30
+ return opened ? "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderOpenedColor, ")") : "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderColorHover, ")");
25
31
  }, _Select.classes.selectWithoutBoxShadow);
26
32
  var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
27
33
  componentId: "plasma-new-hope__sc-1akl2tk-1"
28
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, function (_ref3) {
29
- var renderTarget = _ref3.renderTarget;
34
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, function (_ref5) {
35
+ var renderTarget = _ref5.renderTarget;
30
36
  return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
31
- }, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor, _Select.constants.textfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
32
- outlineOffset: _Select.constants.textfieldBorderSize,
37
+ }, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor, _Select.tokens.targetTextfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
38
+ outlineOffset: _Select.tokens.targetTextfieldBorderSize,
33
39
  outlineSize: _Select.constants.focusSize,
34
- outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.borderRadius, ") - ").concat(_Select.constants.textfieldBorderSize, ")"),
40
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.borderRadius, ") - ").concat(_Select.tokens.targetTextfieldBorderSize, ")"),
35
41
  outlineColor: /*#__PURE__*/"var(".concat(_Select.constants.focusColor, ")")
36
42
  }));
37
43
  var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
@@ -45,9 +51,9 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.wi
45
51
  })(["width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;.", "{transform:rotate(-180deg);}"], _Select.classes.arrowInverse);
46
52
  var ChipWrapper = exports.ChipWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
47
53
  componentId: "plasma-new-hope__sc-1akl2tk-5"
48
- })(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (_ref4) {
49
- var multiselect = _ref4.multiselect,
50
- value = _ref4.value;
54
+ })(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (_ref6) {
55
+ var multiselect = _ref6.multiselect,
56
+ value = _ref6.value;
51
57
  return "calc(".concat(_Select.constants.focusSize, " + ").concat(multiselect && value && value.length > 0 ? "var(".concat(_Select.tokens.focusOffset, ")") : 0, ")");
52
58
  }, _Select.tokens.chipBorderRadius, _Select.tokens.chipBorderRadius);
53
59
  var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({
@@ -10,4 +10,4 @@ var styledContainer = _TextArea.classes.styledContainer,
10
10
  styledTextAreaWrapper = _TextArea.classes.styledTextAreaWrapper,
11
11
  styledHelpers = _TextArea.classes.styledHelpers;
12
12
  var exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';
13
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}.", "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:hover:", " .", " + .", "{background-color:var(", ");}&:active:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:active:", " .", " + .", "{background-color:var(", ");}"], /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderRadius, _TextArea.tokens.borderSize, _TextArea.tokens.borderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.inputBackgroundColorFocus, _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorFocus, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorFocus, /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorFocus, exclusionSelectors, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorHover, _TextArea.tokens.inputBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorActive, _TextArea.tokens.inputBackgroundColorActive, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorActive);
13
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");border:var(", ") solid var(", ");}.", "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{border:var(", ") solid var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");}&:hover:", " .", "{border:var(", ") solid var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:hover:", " .", " + .", "{background-color:var(", ");}&:active:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:active:", " .", " + .", "{background-color:var(", ");}"], /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderRadius, _TextArea.tokens.borderSize, _TextArea.tokens.borderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.inputBackgroundColorFocus, _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorFocus, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorFocus, /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorFocus, exclusionSelectors, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorHover, _TextArea.tokens.inputBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorActive, _TextArea.tokens.inputBackgroundColorActive, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorActive);
@@ -13,10 +13,10 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
13
13
  });
14
14
  export var Ul = /*#__PURE__*/styled.ul.withConfig({
15
15
  componentId: "plasma-new-hope__sc-ff6pwi-1"
16
- })(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow-y:scroll;margin:0;padding:var(", ");"], tokens.background, tokens.boxShadow, tokens.borderRadius, function (_ref2) {
16
+ })(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow-y:scroll;border:var(", ") solid var(", ");margin:0;padding:var(", ");"], tokens.background, tokens.boxShadow, tokens.borderRadius, function (_ref2) {
17
17
  var listMaxHeight = _ref2.listMaxHeight;
18
18
  return listMaxHeight || 'none';
19
- }, tokens.padding);
19
+ }, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, tokens.padding);
20
20
  export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
21
21
  componentId: "plasma-new-hope__sc-ff6pwi-2"
22
22
  })(["color:", ";margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");opacity:var(", ");cursor:", ";"], function (_ref3) {
@@ -65,6 +65,8 @@ export var tokens = {
65
65
  boxShadow: '--plasma-autocomplete-box-shadow',
66
66
  borderRadius: '--plasma-autocomplete-border-radius',
67
67
  padding: '--plasma-autocomplete-padding',
68
+ dropdownBorderColor: '--plasma-select-dropdown-border-color',
69
+ dropdownBorderWidth: '--plasma-select-dropdown-border-width',
68
70
  itemPadding: '--plasma-autocomplete-item-padding',
69
71
  itemBorderRadius: '--plasma-autocomplete-item-border-radius',
70
72
  itemFontFamily: '--plasma-autocomplete-item-font-family',
@@ -8,7 +8,7 @@ var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig);
8
8
  var EmptyState = /*#__PURE__*/component(mergedConfig);
9
9
  export var Ul = /*#__PURE__*/styled.ul.withConfig({
10
10
  componentId: "plasma-new-hope__sc-2kddkg-0"
11
- })(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
11
+ })(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
12
12
  var listWidth = _ref.listWidth;
13
13
  return listWidth || '100%';
14
14
  }, function (_ref2) {
@@ -17,7 +17,7 @@ export var Ul = /*#__PURE__*/styled.ul.withConfig({
17
17
  }, function (_ref3) {
18
18
  var listOverflow = _ref3.listOverflow;
19
19
  return listOverflow || 'initial';
20
- }, function (_ref4) {
20
+ }, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, function (_ref4) {
21
21
  var isInnerUl = _ref4.isInnerUl;
22
22
  return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : 0;
23
23
  }, tokens.padding, classes.emptyStateWrapper);
@@ -21,6 +21,8 @@ export var tokens = {
21
21
  fontWeight: '--plasma-combobox-font-weight',
22
22
  fontLetterSpacing: '--plasma-combobox-font-letter-spacing',
23
23
  fontLineHeight: '--plasma-combobox-font-line-height',
24
+ dropdownBorderColor: '--plasma-select-dropdown-border-color',
25
+ dropdownBorderWidth: '--plasma-select-dropdown-border-width',
24
26
  itemHeight: '--plasma-combobox-item-height',
25
27
  itemBorderRadius: '--plasma-combobox-item-border-radius',
26
28
  itemPadding: '--plasma-combobox-item-padding',
@@ -13,7 +13,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
13
13
  }, /*#__PURE__*/String(popoverClasses.target));
14
14
  export var Ul = /*#__PURE__*/styled.ul.withConfig({
15
15
  componentId: "plasma-new-hope__sc-le54jv-1"
16
- })(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref2) {
16
+ })(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref2) {
17
17
  var listWidth = _ref2.listWidth;
18
18
  return listWidth || '100%';
19
19
  }, function (_ref3) {
@@ -22,7 +22,7 @@ export var Ul = /*#__PURE__*/styled.ul.withConfig({
22
22
  }, function (_ref4) {
23
23
  var listOverflow = _ref4.listOverflow;
24
24
  return listOverflow || 'initial';
25
- }, function (_ref5) {
25
+ }, tokens.popoverBorderWidth, tokens.popoverBorderColor, function (_ref5) {
26
26
  var isInnerUl = _ref5.isInnerUl;
27
27
  return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 var(").concat(tokens.padding, ")") : 0;
28
28
  }, tokens.padding);
@@ -52,6 +52,9 @@ export var tokens = {
52
52
  targetTextfieldBackgroundColor: '--plasma-select-target-textfield-background-color',
53
53
  targetTextfieldBackgroundColorOpened: '--plasma-select-target-textfield-background-color-opened',
54
54
  targetTextfieldBorderColor: '--plasma-select-target-textfield-border-color',
55
+ targetTextfieldBorderColorHover: '--plasma-select-target-textfield-border-color-hover',
56
+ targetTextfieldBorderOpenedColor: '--plasma-select-target-textfield-border-opened-color',
57
+ targetTextfieldBorderSize: '--plasma-select-target-textfield-border-size',
55
58
  targetButtonPadding: '--plasma-select-target-button-padding',
56
59
  targetTextfieldPadding: '--plasma-select-target-textfield-padding',
57
60
  targetTextfieldChipPadding: '--plasma-select-target-textfield-chip-padding',
@@ -68,6 +71,8 @@ export var tokens = {
68
71
  chipCloseIconSize: '--plasma-select-chip-close-icon-size',
69
72
  chipClearContentMarginLeft: '--plasma-select-chip-clear-content-margin-left',
70
73
  chipClearContentMarginRight: '--plasma-select-chip-clear-content-margin-right',
74
+ popoverBorderColor: '--plasma-select-popover-border-color',
75
+ popoverBorderWidth: '--plasma-select-popover-border-width',
71
76
  labelOffset: '--plasma-select-label-offset',
72
77
  innerLabelGap: '--plasma-select-inner-label-gap',
73
78
  helperTextColor: '--plasma-select-helper-text-color',
@@ -88,7 +93,6 @@ export var constants = {
88
93
  textfieldOuterLabelColor: '--text-primary',
89
94
  textfieldInnerLabelColor: '--text-secondary',
90
95
  textfieldPlaceholderColor: '--text-secondary',
91
- textfieldBorderSize: '0.0625rem',
92
96
  opacity: '0.4',
93
97
  fontFamily: '--plasma-typo-body-xs-font-family',
94
98
  fontSize: '--plasma-typo-body-xs-font-size',
@@ -9,22 +9,28 @@ var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
9
9
  var Button = /*#__PURE__*/component(mergedButtonConfig);
10
10
  export var TextfieldWrapper = /*#__PURE__*/styled.div.withConfig({
11
11
  componentId: "plasma-new-hope__sc-1akl2tk-0"
12
- })(["display:inline;.", "{background:", ";padding:", ";}.", "::before{box-shadow:none !important;}"], classes.textfieldTarget, function (_ref) {
12
+ })(["display:inline;.", "{transition:100ms;background:", ";padding:", ";border:", ";}.", ":hover{transition:100ms;border:", ";}.", "::before{box-shadow:none !important;}"], classes.textfieldTarget, function (_ref) {
13
13
  var opened = _ref.opened;
14
14
  return opened ? "var(".concat(tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(tokens.targetTextfieldBackgroundColor, ")");
15
15
  }, function (_ref2) {
16
16
  var value = _ref2.value;
17
17
  return Array.isArray(value) && !isEmpty(value) ? "0 var(".concat(tokens.targetTextfieldChipPadding, ")") : "0 var(".concat(tokens.targetTextfieldPadding, ")");
18
+ }, function (_ref3) {
19
+ var opened = _ref3.opened;
20
+ return opened ? "var(".concat(tokens.targetTextfieldBorderSize, ") solid var(").concat(tokens.targetTextfieldBorderOpenedColor, ")") : "var(".concat(tokens.targetTextfieldBorderSize, ") solid var(").concat(tokens.targetTextfieldBorderColor, ")");
21
+ }, classes.textfieldTarget, function (_ref4) {
22
+ var opened = _ref4.opened;
23
+ return opened ? "var(".concat(tokens.targetTextfieldBorderSize, ") solid var(").concat(tokens.targetTextfieldBorderOpenedColor, ")") : "var(".concat(tokens.targetTextfieldBorderSize, ") solid var(").concat(tokens.targetTextfieldBorderColorHover, ")");
18
24
  }, classes.selectWithoutBoxShadow);
19
25
  export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
20
26
  componentId: "plasma-new-hope__sc-1akl2tk-1"
21
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonHeight, function (_ref3) {
22
- var renderTarget = _ref3.renderTarget;
27
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonHeight, function (_ref5) {
28
+ var renderTarget = _ref5.renderTarget;
23
29
  return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
24
- }, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, constants.textfieldBorderSize, tokens.targetTextfieldBorderColor, /*#__PURE__*/addFocus({
25
- outlineOffset: constants.textfieldBorderSize,
30
+ }, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, tokens.targetTextfieldBorderSize, tokens.targetTextfieldBorderColor, /*#__PURE__*/addFocus({
31
+ outlineOffset: tokens.targetTextfieldBorderSize,
26
32
  outlineSize: constants.focusSize,
27
- outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.borderRadius, ") - ").concat(constants.textfieldBorderSize, ")"),
33
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.borderRadius, ") - ").concat(tokens.targetTextfieldBorderSize, ")"),
28
34
  outlineColor: /*#__PURE__*/"var(".concat(constants.focusColor, ")")
29
35
  }));
30
36
  export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withConfig({
@@ -38,9 +44,9 @@ export var Wrapper = /*#__PURE__*/styled.div.withConfig({
38
44
  })(["width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;.", "{transform:rotate(-180deg);}"], classes.arrowInverse);
39
45
  export var ChipWrapper = /*#__PURE__*/styled.div.withConfig({
40
46
  componentId: "plasma-new-hope__sc-1akl2tk-5"
41
- })(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (_ref4) {
42
- var multiselect = _ref4.multiselect,
43
- value = _ref4.value;
47
+ })(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (_ref6) {
48
+ var multiselect = _ref6.multiselect,
49
+ value = _ref6.value;
44
50
  return "calc(".concat(constants.focusSize, " + ").concat(multiselect && value && value.length > 0 ? "var(".concat(tokens.focusOffset, ")") : 0, ")");
45
51
  }, tokens.chipBorderRadius, tokens.chipBorderRadius);
46
52
  export var Label = /*#__PURE__*/styled.label.withConfig({
@@ -4,4 +4,4 @@ var styledContainer = classes.styledContainer,
4
4
  styledTextAreaWrapper = classes.styledTextAreaWrapper,
5
5
  styledHelpers = classes.styledHelpers;
6
6
  var exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';
7
- export var base = /*#__PURE__*/css([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}.", "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:hover:", " .", " + .", "{background-color:var(", ");}&:active:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:active:", " .", " + .", "{background-color:var(", ");}"], /*#__PURE__*/String(styledContainer), tokens.borderRadius, tokens.borderSize, tokens.borderColor, /*#__PURE__*/String(styledTextAreaWrapper), tokens.borderSize, tokens.inputBorderColor, /*#__PURE__*/String(styledTextAreaWrapper), tokens.inputBackgroundColorFocus, tokens.borderSize, tokens.inputBorderColorFocus, /*#__PURE__*/String(styledContainer), tokens.borderSize, tokens.borderColorFocus, /*#__PURE__*/String(styledHelpers), tokens.helpersBackgroundColorFocus, exclusionSelectors, /*#__PURE__*/String(styledContainer), tokens.borderSize, tokens.borderColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), tokens.borderSize, tokens.inputBorderColorHover, tokens.inputBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), tokens.helpersBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), tokens.borderSize, tokens.inputBorderColorActive, tokens.inputBackgroundColorActive, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), tokens.helpersBackgroundColorActive);
7
+ export var base = /*#__PURE__*/css([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");border:var(", ") solid var(", ");}.", "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{border:var(", ") solid var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");}&:hover:", " .", "{border:var(", ") solid var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:hover:", " .", " + .", "{background-color:var(", ");}&:active:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:active:", " .", " + .", "{background-color:var(", ");}"], /*#__PURE__*/String(styledContainer), tokens.borderRadius, tokens.borderSize, tokens.borderColor, /*#__PURE__*/String(styledTextAreaWrapper), tokens.borderSize, tokens.inputBorderColor, /*#__PURE__*/String(styledTextAreaWrapper), tokens.inputBackgroundColorFocus, tokens.borderSize, tokens.inputBorderColorFocus, /*#__PURE__*/String(styledContainer), tokens.borderSize, tokens.borderColorFocus, /*#__PURE__*/String(styledHelpers), tokens.helpersBackgroundColorFocus, exclusionSelectors, /*#__PURE__*/String(styledContainer), tokens.borderSize, tokens.borderColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), tokens.borderSize, tokens.inputBorderColorHover, tokens.inputBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), tokens.helpersBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), tokens.borderSize, tokens.inputBorderColorActive, tokens.inputBackgroundColorActive, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), tokens.helpersBackgroundColorActive);
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAIF,eAAO,MAAM,aAAa;eAAgC,iBAAiB,CAAC,WAAW,CAAC;;;;;4JAKvF,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,iBAAiB,CAAC,eAAe,CAAC;EAcpD,CAAC;AAEF,eAAO,MAAM,UAAU;cACT,iBAAiB,CAAC,UAAU,CAAC;cAC7B,iBAAiB,CAAC,UAAU,CAAC;EAiB1C,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAMjC,CAAC"}
1
+ {"version":3,"file":"Autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAIF,eAAO,MAAM,aAAa;eAAgC,iBAAiB,CAAC,WAAW,CAAC;;;;;4JAKvF,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,iBAAiB,CAAC,eAAe,CAAC;EAepD,CAAC;AAEF,eAAO,MAAM,UAAU;cACT,iBAAiB,CAAC,UAAU,CAAC;cAC7B,iBAAiB,CAAC,UAAU,CAAC;EAiB1C,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAMjC,CAAC"}
@@ -63,6 +63,8 @@ export declare const tokens: {
63
63
  boxShadow: string;
64
64
  borderRadius: string;
65
65
  padding: string;
66
+ dropdownBorderColor: string;
67
+ dropdownBorderWidth: string;
66
68
  itemPadding: string;
67
69
  itemBorderRadius: string;
68
70
  itemFontFamily: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFlB,CAAC"}
1
+ {"version":3,"file":"Autocomplete.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAmBzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAA0B,OAAO;EAc7D,CAAC;AAEF,eAAO,MAAM,WAAW,oGAAuC,CAAC;AAEhE,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,gBAAgB,oQAS5B,CAAC"}
1
+ {"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAoBzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAA0B,OAAO;EAc7D,CAAC;AAEF,eAAO,MAAM,WAAW,oGAAuC,CAAC;AAEhE,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,gBAAgB,oQAS5B,CAAC"}
@@ -21,6 +21,8 @@ export declare const tokens: {
21
21
  fontWeight: string;
22
22
  fontLetterSpacing: string;
23
23
  fontLineHeight: string;
24
+ dropdownBorderColor: string;
25
+ dropdownBorderWidth: string;
24
26
  itemHeight: string;
25
27
  itemBorderRadius: string;
26
28
  itemPadding: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAC"}
1
+ {"version":3,"file":"Combobox.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmJlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,eAAO,MAAM,aAAa;gBAAiC,WAAW,CAAC,WAAW,CAAC;;;;;4JAQlF,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,WAAW,CAAC,cAAc,CAAC;iBAC7B,WAAW,CAAC,YAAY,CAAC;gBAC1B,WAAW,CAAC,WAAW,CAAC;;EAevC,CAAC;AAEF,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,UAAU,8KAWtB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAStB,CAAC"}
1
+ {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,eAAO,MAAM,aAAa;gBAAiC,WAAW,CAAC,WAAW,CAAC;;;;;4JAQlF,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,WAAW,CAAC,cAAc,CAAC;iBAC7B,WAAW,CAAC,YAAY,CAAC;gBAC1B,WAAW,CAAC,WAAW,CAAC;;EAgBvC,CAAC;AAEF,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,UAAU,8KAWtB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAStB,CAAC"}
@@ -52,6 +52,9 @@ export declare const tokens: {
52
52
  targetTextfieldBackgroundColor: string;
53
53
  targetTextfieldBackgroundColorOpened: string;
54
54
  targetTextfieldBorderColor: string;
55
+ targetTextfieldBorderColorHover: string;
56
+ targetTextfieldBorderOpenedColor: string;
57
+ targetTextfieldBorderSize: string;
55
58
  targetButtonPadding: string;
56
59
  targetTextfieldPadding: string;
57
60
  targetTextfieldChipPadding: string;
@@ -68,6 +71,8 @@ export declare const tokens: {
68
71
  chipCloseIconSize: string;
69
72
  chipClearContentMarginLeft: string;
70
73
  chipClearContentMarginRight: string;
74
+ popoverBorderColor: string;
75
+ popoverBorderWidth: string;
71
76
  labelOffset: string;
72
77
  innerLabelGap: string;
73
78
  helperTextColor: string;
@@ -88,7 +93,6 @@ export declare const constants: {
88
93
  textfieldOuterLabelColor: string;
89
94
  textfieldInnerLabelColor: string;
90
95
  textfieldPlaceholderColor: string;
91
- textfieldBorderSize: string;
92
96
  opacity: string;
93
97
  fontFamily: string;
94
98
  fontSize: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ElB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}
1
+ {"version":3,"file":"Select.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Textfield.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAK5D,eAAO,MAAM,gBAAgB;YAAwB,OAAO;WAAS,WAAW,CAAC,OAAO,CAAC;EAiBxF,CAAC;AAEF,eAAO,MAAM,YAAY;kBAAkC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAyBjE,CAAC;AAEF,eAAO,MAAM,WAAW,6GAAuC,CAAC;AAEhE,eAAO,MAAM,gBAAgB,qKAY5B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAUnB,CAAC;AAEF,eAAO,MAAM,WAAW;iBAA6B,WAAW,CAAC,aAAa,CAAC;WAAS,WAAW,CAAC,OAAO,CAAC;EAmB3G,CAAC;AAEF,eAAO,MAAM,KAAK,8KAQjB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAQvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAW7B,CAAC;AAEF,eAAO,MAAM,UAAU,8KAStB,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAK9B,CAAC;AAEF,eAAO,MAAM,KAAK,uKAEjB,CAAC"}
1
+ {"version":3,"file":"Textfield.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAK5D,eAAO,MAAM,gBAAgB;YAAwB,OAAO;WAAS,WAAW,CAAC,OAAO,CAAC;EA8BxF,CAAC;AAEF,eAAO,MAAM,YAAY;kBAAkC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAyBjE,CAAC;AAEF,eAAO,MAAM,WAAW,6GAAuC,CAAC;AAEhE,eAAO,MAAM,gBAAgB,qKAY5B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAUnB,CAAC;AAEF,eAAO,MAAM,WAAW;iBAA6B,WAAW,CAAC,aAAa,CAAC;WAAS,WAAW,CAAC,OAAO,CAAC;EAmB3G,CAAC;AAEF,eAAO,MAAM,KAAK,8KAQjB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAQvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAW7B,CAAC;AAEF,eAAO,MAAM,UAAU,8KAStB,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAK9B,CAAC;AAEF,eAAO,MAAM,KAAK,uKAEjB,CAAC"}
@@ -1 +0,0 @@
1
- .bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-container{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}
@@ -1 +0,0 @@
1
- .bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-container{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}