@algolia/satellite 1.0.0-beta.118 → 1.0.0-beta.119

package/cjs/Dropdown/Dropdown.js

@@ -144,7 +144,7 @@ var Dropdown = function Dropdown(_ref) {
   }), /*#__PURE__*/_react["default"].createElement(_Card["default"], {
     fullBleed: true,
     elevation: "300",
-    className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col py-1"])))
+    className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col py-1 text-grey-900"])))
   }, children, footer ? /*#__PURE__*/_react["default"].createElement(_DropdownFooterItem["default"], null, footer) : null))), document.body)));
 };
 

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js

@@ -66,7 +66,7 @@ var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
     className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
     size: "1.25em"
   })), isExpanded && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-50 border-l-2 border-grey-300"])))
+    className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"])))
   }, children));
 };
 

package/cjs/Dropdown/useDropdownItemProps.js

@@ -21,7 +21,7 @@ var useDropdownItemProps = function useDropdownItemProps(props) {
   var _useDropdownContext = (0, _DropdownContext.useDropdownContext)(),
       showMenu = _useDropdownContext.showMenu;
 
-  var className = (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed" : "text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
+  var className = (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
   return {
     className: className,
     onClick: props.disabled ? function (evt) {

package/esm/Dropdown/Dropdown.js

@@ -108,7 +108,7 @@ export var Dropdown = function Dropdown(_ref) {
   }), /*#__PURE__*/React.createElement(Card, {
     fullBleed: true,
     elevation: "300",
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex flex-col py-1"])))
+    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex flex-col py-1 text-grey-900"])))
   }, children, footer ? /*#__PURE__*/React.createElement(DropdownFooterItem, null, footer) : null))), document.body)));
 };
 Dropdown.ButtonItem = DropdownButtonItem;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js

@@ -45,7 +45,7 @@ export var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
     className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-500"]))),
     size: "1.25em"
   })), isExpanded && /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300"])))
+    className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"])))
   }, children));
 };
 export default DropdownCollapsibleItem;

package/esm/Dropdown/useDropdownItemProps.js

@@ -9,7 +9,7 @@ export var useDropdownItemProps = function useDropdownItemProps(props) {
   var _useDropdownContext = useDropdownContext(),
       showMenu = _useDropdownContext.showMenu;
 
-  var className = cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed" : "text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
+  var className = cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
   return {
     className: className,
     onClick: props.disabled ? function (evt) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "1.0.0-beta.118",
+  "version": "1.0.0-beta.119",
   "description": "Algolia design system React components",
   "scripts": {
     "clean": "del dist",