glints-aries 4.0.251 → 4.0.252

package/es/@next/Select/components/Activator/ActivatorSelect.js

@@ -5,7 +5,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { Icon } from '../../../Icon';
 import { Typography } from '../../../Typography';
 import { Blue, Neutral } from '../../../utilities/colors';
-import { StyledSelect, StyledTag, TagsContainer } from './ActivatorStyle';
+import { StyledSelect, StyledSelectTypography, StyledTag, TagsContainer } from './ActivatorStyle';
 export var ActivatorSelect = function ActivatorSelect(_ref) {
   var placeholder = _ref.placeholder,
     selectedValues = _ref.selectedValues,
@@ -76,9 +76,10 @@ export var ActivatorSelect = function ActivatorSelect(_ref) {
     onClick: handleClick,
     disabled: disabled,
     width: width
-  }), allowMultiple ? tagsMarkup() : /*#__PURE__*/React.createElement(Typography, {
+  }), allowMultiple ? tagsMarkup() : /*#__PURE__*/React.createElement(StyledSelectTypography, {
     variant: "body1",
-    color: disabled ? Neutral.B85 : Neutral.B40
+    "data-disabled": disabled,
+    color: hasSelectedValues ? Neutral.B18 : Neutral.B40
   }, hasSelectedValues ? selectedLabels[0] : placeholderMarkup), /*#__PURE__*/React.createElement(Icon, {
     height: 24,
     name: "ri-arrow-m-down-line",

package/es/@next/Select/components/Activator/ActivatorStyle.d.ts

@@ -7,3 +7,4 @@ export declare const StyledTextInput: import("styled-components").StyledComponen
     canClear?: boolean;
     onChange?: (value: string) => void;
 } & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledSelectTypography: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("../../../Typography").TypographyProps) => JSX.Element, any, {}, never>;

package/es/@next/Select/components/Activator/ActivatorStyle.js

@@ -6,6 +6,7 @@ import { NotoSans } from '../../../utilities/fonts';
 import { space8 } from '../../../utilities/spacing';
 import { TextInput } from '../../../TextInput';
 import { Tag } from '../../../Tag';
+import { Typography } from '../../../Typography';
 export var StyledSelect = styled.button.withConfig({
   displayName: "ActivatorStyle__StyledSelect",
   componentId: "sc-rui73p-0"
@@ -25,4 +26,8 @@ export var StyledTextInput = styled(TextInput).withConfig({
   componentId: "sc-rui73p-3"
 })(["width:", ";"], function (props) {
   return props.width;
-});
+});
+export var StyledSelectTypography = styled(Typography).withConfig({
+  displayName: "ActivatorStyle__StyledSelectTypography",
+  componentId: "sc-rui73p-4"
+})(["&[data-disabled='true']{color:", ";}"], Neutral.B85);

package/lib/@next/Select/components/Activator/ActivatorSelect.js

@@ -83,9 +83,10 @@ var ActivatorSelect = function ActivatorSelect(_ref) {
     onClick: handleClick,
     disabled: disabled,
     width: width
-  }), allowMultiple ? tagsMarkup() : /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+  }), allowMultiple ? tagsMarkup() : /*#__PURE__*/_react["default"].createElement(_ActivatorStyle.StyledSelectTypography, {
     variant: "body1",
-    color: disabled ? _colors.Neutral.B85 : _colors.Neutral.B40
+    "data-disabled": disabled,
+    color: hasSelectedValues ? _colors.Neutral.B18 : _colors.Neutral.B40
   }, hasSelectedValues ? selectedLabels[0] : placeholderMarkup), /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
     height: 24,
     name: "ri-arrow-m-down-line",

package/lib/@next/Select/components/Activator/ActivatorStyle.d.ts

@@ -7,3 +7,4 @@ export declare const StyledTextInput: import("styled-components").StyledComponen
     canClear?: boolean;
     onChange?: (value: string) => void;
 } & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledSelectTypography: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("../../../Typography").TypographyProps) => JSX.Element, any, {}, never>;

package/lib/@next/Select/components/Activator/ActivatorStyle.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.TagsContainer = exports.StyledTextInput = exports.StyledTag = exports.StyledSelect = void 0;
+exports.TagsContainer = exports.StyledTextInput = exports.StyledTag = exports.StyledSelectTypography = exports.StyledSelect = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var Breakpoints = _interopRequireWildcard(require("../../../utilities/breakpoints/Breakpoints"));
 var _borderRadius = require("../../../utilities/borderRadius");
@@ -11,6 +11,7 @@ var _fonts = require("../../../utilities/fonts");
 var _spacing = require("../../../utilities/spacing");
 var _TextInput = require("../../../TextInput");
 var _Tag = require("../../../Tag");
+var _Typography = require("../../../Typography");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var StyledSelect = _styledComponents["default"].button.withConfig({
@@ -36,4 +37,9 @@ var StyledTextInput = (0, _styledComponents["default"])(_TextInput.TextInput).wi
 })(["width:", ";"], function (props) {
   return props.width;
 });
-exports.StyledTextInput = StyledTextInput;
+exports.StyledTextInput = StyledTextInput;
+var StyledSelectTypography = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
+  displayName: "ActivatorStyle__StyledSelectTypography",
+  componentId: "sc-rui73p-4"
+})(["&[data-disabled='true']{color:", ";}"], _colors.Neutral.B85);
+exports.StyledSelectTypography = StyledSelectTypography;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.251",
+  "version": "4.0.252",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",