@pingux/astro 2.155.0-alpha.0 → 2.155.0

package/lib/cjs/components/Text/Text.styles.js

@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wordWrap = exports.text = exports.base = void 0;
+exports.wordWrap = exports.text = exports.tabLabel = exports.searchNavTabLabel = exports.base = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -50,6 +50,27 @@ var tabLabel = _objectSpread(_objectSpread(_objectSpread({}, base), wordWrap), {
     color: 'neutral.80'
   }
 });
+exports.tabLabel = tabLabel;
+var searchNavTabLabel = _objectSpread(_objectSpread({}, base), {}, {
+  whiteSpace: 'nowrap',
+  fontSize: 'sm',
+  fontWeight: 1,
+  mb: 'sm',
+  px: 'sm',
+  lineHeight: '16px',
+  color: 'neutral.40',
+  height: '100%',
+  '.is-selected &, .is-hovered &': {
+    color: 'active'
+  },
+  '.is-selected &': {
+    color: 'active'
+  },
+  '.is-disabled &': {
+    color: 'neutral.80'
+  }
+});
+exports.searchNavTabLabel = searchNavTabLabel;
 var stepperLabel = _objectSpread(_objectSpread({}, base), {}, {
   fontSize: '14px',
   fontWeight: '500',
@@ -250,6 +271,7 @@ var text = _objectSpread(_objectSpread(_objectSpread({
   }),
   panelHeaderSubtext: _objectSpread(_objectSpread({}, listViewItemSubtext), textEllipsis),
   panelHeaderText: _objectSpread(_objectSpread({}, listViewItemText), textEllipsis),
+  searchNavTabLabel: searchNavTabLabel,
   sectionTitle: sectionTitle,
   subtitle: subtitle,
   tabLabel: tabLabel,

package/lib/cjs/index.d.ts

@@ -169,6 +169,8 @@ export { default as ScrollBox } from './components/ScrollBox';
 export * from './components/ScrollBox';
 export { default as SearchField } from './components/SearchField';
 export * from './components/SearchField';
+export { default as SearchNav } from './components/SearchNav';
+export * from './components/SearchNav';
 export { default as SelectField } from './components/SelectField';
 export * from './components/SelectField';
 export { default as Separator } from './components/Separator';

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67, _context68, _context69, _context70, _context71, _context72, _context73, _context74, _context75, _context76, _context77, _context78, _context79, _context80, _context81, _context82, _context83, _context84;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67, _context68, _context69, _context70, _context71, _context72, _context73, _context74, _context75, _context76, _context77, _context78, _context79, _context80, _context81, _context82, _context83, _context84, _context85;
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
@@ -125,6 +125,7 @@ var _exportNames = {
   RockerButtonGroup: true,
   ScrollBox: true,
   SearchField: true,
+  SearchNav: true,
   SelectField: true,
   Separator: true,
   ServerErrorBoundary: true,
@@ -919,6 +920,12 @@ _Object$defineProperty(exports, "SearchField", {
     return _SearchField["default"];
   }
 });
+_Object$defineProperty(exports, "SearchNav", {
+  enumerable: true,
+  get: function get() {
+    return _SearchNav["default"];
+  }
+});
 _Object$defineProperty(exports, "Section", {
   enumerable: true,
   get: function get() {
@@ -1906,8 +1913,20 @@ _forEachInstanceProperty(_context59 = _Object$keys(_SearchField)).call(_context5
     }
   });
 });
+var _SearchNav = _interopRequireWildcard(require("./components/SearchNav"));
+_forEachInstanceProperty(_context60 = _Object$keys(_SearchNav)).call(_context60, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SearchNav[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SearchNav[key];
+    }
+  });
+});
 var _SelectField = _interopRequireWildcard(require("./components/SelectField"));
-_forEachInstanceProperty(_context60 = _Object$keys(_SelectField)).call(_context60, function (key) {
+_forEachInstanceProperty(_context61 = _Object$keys(_SelectField)).call(_context61, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _SelectField[key]) return;
@@ -1919,7 +1938,7 @@ _forEachInstanceProperty(_context60 = _Object$keys(_SelectField)).call(_context6
   });
 });
 var _Separator = _interopRequireWildcard(require("./components/Separator"));
-_forEachInstanceProperty(_context61 = _Object$keys(_Separator)).call(_context61, function (key) {
+_forEachInstanceProperty(_context62 = _Object$keys(_Separator)).call(_context62, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Separator[key]) return;
@@ -1931,7 +1950,7 @@ _forEachInstanceProperty(_context61 = _Object$keys(_Separator)).call(_context61,
   });
 });
 var _ServerErrorBoundary = _interopRequireWildcard(require("./components/ServerErrorBoundary"));
-_forEachInstanceProperty(_context62 = _Object$keys(_ServerErrorBoundary)).call(_context62, function (key) {
+_forEachInstanceProperty(_context63 = _Object$keys(_ServerErrorBoundary)).call(_context63, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ServerErrorBoundary[key]) return;
@@ -1943,7 +1962,7 @@ _forEachInstanceProperty(_context62 = _Object$keys(_ServerErrorBoundary)).call(_
   });
 });
 var _Skeleton = _interopRequireWildcard(require("./components/Skeleton"));
-_forEachInstanceProperty(_context63 = _Object$keys(_Skeleton)).call(_context63, function (key) {
+_forEachInstanceProperty(_context64 = _Object$keys(_Skeleton)).call(_context64, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Skeleton[key]) return;
@@ -1956,7 +1975,7 @@ _forEachInstanceProperty(_context63 = _Object$keys(_Skeleton)).call(_context63,
 });
 var _SliderField = _interopRequireDefault(require("./components/SliderField/SliderField"));
 var _StatusIcon = _interopRequireWildcard(require("./components/StatusIcon"));
-_forEachInstanceProperty(_context64 = _Object$keys(_StatusIcon)).call(_context64, function (key) {
+_forEachInstanceProperty(_context65 = _Object$keys(_StatusIcon)).call(_context65, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _StatusIcon[key]) return;
@@ -1968,7 +1987,7 @@ _forEachInstanceProperty(_context64 = _Object$keys(_StatusIcon)).call(_context64
   });
 });
 var _Stepper = _interopRequireWildcard(require("./components/Stepper"));
-_forEachInstanceProperty(_context65 = _Object$keys(_Stepper)).call(_context65, function (key) {
+_forEachInstanceProperty(_context66 = _Object$keys(_Stepper)).call(_context66, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Stepper[key]) return;
@@ -1980,7 +1999,7 @@ _forEachInstanceProperty(_context65 = _Object$keys(_Stepper)).call(_context65, f
   });
 });
 var _Switch = _interopRequireWildcard(require("./components/Switch"));
-_forEachInstanceProperty(_context66 = _Object$keys(_Switch)).call(_context66, function (key) {
+_forEachInstanceProperty(_context67 = _Object$keys(_Switch)).call(_context67, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Switch[key]) return;
@@ -1992,7 +2011,7 @@ _forEachInstanceProperty(_context66 = _Object$keys(_Switch)).call(_context66, fu
   });
 });
 var _SwitchField = _interopRequireWildcard(require("./components/SwitchField"));
-_forEachInstanceProperty(_context67 = _Object$keys(_SwitchField)).call(_context67, function (key) {
+_forEachInstanceProperty(_context68 = _Object$keys(_SwitchField)).call(_context68, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _SwitchField[key]) return;
@@ -2004,7 +2023,7 @@ _forEachInstanceProperty(_context67 = _Object$keys(_SwitchField)).call(_context6
   });
 });
 var _Tab = _interopRequireWildcard(require("./components/Tab"));
-_forEachInstanceProperty(_context68 = _Object$keys(_Tab)).call(_context68, function (key) {
+_forEachInstanceProperty(_context69 = _Object$keys(_Tab)).call(_context69, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Tab[key]) return;
@@ -2016,7 +2035,7 @@ _forEachInstanceProperty(_context68 = _Object$keys(_Tab)).call(_context68, funct
   });
 });
 var _Table = _interopRequireWildcard(require("./components/Table"));
-_forEachInstanceProperty(_context69 = _Object$keys(_Table)).call(_context69, function (key) {
+_forEachInstanceProperty(_context70 = _Object$keys(_Table)).call(_context70, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Table[key]) return;
@@ -2028,7 +2047,7 @@ _forEachInstanceProperty(_context69 = _Object$keys(_Table)).call(_context69, fun
   });
 });
 var _TableBase = _interopRequireWildcard(require("./components/TableBase"));
-_forEachInstanceProperty(_context70 = _Object$keys(_TableBase)).call(_context70, function (key) {
+_forEachInstanceProperty(_context71 = _Object$keys(_TableBase)).call(_context71, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableBase[key]) return;
@@ -2040,7 +2059,7 @@ _forEachInstanceProperty(_context70 = _Object$keys(_TableBase)).call(_context70,
   });
 });
 var _TableBody = _interopRequireWildcard(require("./components/TableBody"));
-_forEachInstanceProperty(_context71 = _Object$keys(_TableBody)).call(_context71, function (key) {
+_forEachInstanceProperty(_context72 = _Object$keys(_TableBody)).call(_context72, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableBody[key]) return;
@@ -2052,7 +2071,7 @@ _forEachInstanceProperty(_context71 = _Object$keys(_TableBody)).call(_context71,
   });
 });
 var _TableCaption = _interopRequireWildcard(require("./components/TableCaption"));
-_forEachInstanceProperty(_context72 = _Object$keys(_TableCaption)).call(_context72, function (key) {
+_forEachInstanceProperty(_context73 = _Object$keys(_TableCaption)).call(_context73, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableCaption[key]) return;
@@ -2064,7 +2083,7 @@ _forEachInstanceProperty(_context72 = _Object$keys(_TableCaption)).call(_context
   });
 });
 var _TableCell = _interopRequireWildcard(require("./components/TableCell"));
-_forEachInstanceProperty(_context73 = _Object$keys(_TableCell)).call(_context73, function (key) {
+_forEachInstanceProperty(_context74 = _Object$keys(_TableCell)).call(_context74, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableCell[key]) return;
@@ -2076,7 +2095,7 @@ _forEachInstanceProperty(_context73 = _Object$keys(_TableCell)).call(_context73,
   });
 });
 var _TableHead = _interopRequireWildcard(require("./components/TableHead"));
-_forEachInstanceProperty(_context74 = _Object$keys(_TableHead)).call(_context74, function (key) {
+_forEachInstanceProperty(_context75 = _Object$keys(_TableHead)).call(_context75, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableHead[key]) return;
@@ -2088,7 +2107,7 @@ _forEachInstanceProperty(_context74 = _Object$keys(_TableHead)).call(_context74,
   });
 });
 var _TableRow = _interopRequireWildcard(require("./components/TableRow"));
-_forEachInstanceProperty(_context75 = _Object$keys(_TableRow)).call(_context75, function (key) {
+_forEachInstanceProperty(_context76 = _Object$keys(_TableRow)).call(_context76, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableRow[key]) return;
@@ -2100,7 +2119,7 @@ _forEachInstanceProperty(_context75 = _Object$keys(_TableRow)).call(_context75,
   });
 });
 var _Tabs = _interopRequireWildcard(require("./components/Tabs"));
-_forEachInstanceProperty(_context76 = _Object$keys(_Tabs)).call(_context76, function (key) {
+_forEachInstanceProperty(_context77 = _Object$keys(_Tabs)).call(_context77, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Tabs[key]) return;
@@ -2112,7 +2131,7 @@ _forEachInstanceProperty(_context76 = _Object$keys(_Tabs)).call(_context76, func
   });
 });
 var _Text = _interopRequireWildcard(require("./components/Text"));
-_forEachInstanceProperty(_context77 = _Object$keys(_Text)).call(_context77, function (key) {
+_forEachInstanceProperty(_context78 = _Object$keys(_Text)).call(_context78, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Text[key]) return;
@@ -2124,7 +2143,7 @@ _forEachInstanceProperty(_context77 = _Object$keys(_Text)).call(_context77, func
   });
 });
 var _TextArea = _interopRequireWildcard(require("./components/TextArea"));
-_forEachInstanceProperty(_context78 = _Object$keys(_TextArea)).call(_context78, function (key) {
+_forEachInstanceProperty(_context79 = _Object$keys(_TextArea)).call(_context79, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TextArea[key]) return;
@@ -2136,7 +2155,7 @@ _forEachInstanceProperty(_context78 = _Object$keys(_TextArea)).call(_context78,
   });
 });
 var _TextAreaField = _interopRequireWildcard(require("./components/TextAreaField"));
-_forEachInstanceProperty(_context79 = _Object$keys(_TextAreaField)).call(_context79, function (key) {
+_forEachInstanceProperty(_context80 = _Object$keys(_TextAreaField)).call(_context80, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TextAreaField[key]) return;
@@ -2148,7 +2167,7 @@ _forEachInstanceProperty(_context79 = _Object$keys(_TextAreaField)).call(_contex
   });
 });
 var _TextField = _interopRequireWildcard(require("./components/TextField"));
-_forEachInstanceProperty(_context80 = _Object$keys(_TextField)).call(_context80, function (key) {
+_forEachInstanceProperty(_context81 = _Object$keys(_TextField)).call(_context81, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TextField[key]) return;
@@ -2160,7 +2179,7 @@ _forEachInstanceProperty(_context80 = _Object$keys(_TextField)).call(_context80,
   });
 });
 var _TimeField = _interopRequireWildcard(require("./components/TimeField"));
-_forEachInstanceProperty(_context81 = _Object$keys(_TimeField)).call(_context81, function (key) {
+_forEachInstanceProperty(_context82 = _Object$keys(_TimeField)).call(_context82, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TimeField[key]) return;
@@ -2173,7 +2192,7 @@ _forEachInstanceProperty(_context81 = _Object$keys(_TimeField)).call(_context81,
 });
 var _TimeZonePicker = _interopRequireDefault(require("./components/TimeZonePicker"));
 var _TooltipTrigger = _interopRequireWildcard(require("./components/TooltipTrigger"));
-_forEachInstanceProperty(_context82 = _Object$keys(_TooltipTrigger)).call(_context82, function (key) {
+_forEachInstanceProperty(_context83 = _Object$keys(_TooltipTrigger)).call(_context83, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TooltipTrigger[key]) return;
@@ -2185,7 +2204,7 @@ _forEachInstanceProperty(_context82 = _Object$keys(_TooltipTrigger)).call(_conte
   });
 });
 var _TreeView = _interopRequireWildcard(require("./components/TreeView"));
-_forEachInstanceProperty(_context83 = _Object$keys(_TreeView)).call(_context83, function (key) {
+_forEachInstanceProperty(_context84 = _Object$keys(_TreeView)).call(_context84, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TreeView[key]) return;
@@ -2200,7 +2219,7 @@ var _PaginationContext = require("./context/PaginationContext");
 var _nextGenDarkMode = _interopRequireDefault(require("./styles/themeOverrides/nextGenDarkMode"));
 var _nextGen = _interopRequireDefault(require("./styles/themes/next-gen"));
 var _types = require("./types");
-_forEachInstanceProperty(_context84 = _Object$keys(_types)).call(_context84, function (key) {
+_forEachInstanceProperty(_context85 = _Object$keys(_types)).call(_context85, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _types[key]) return;

package/lib/cjs/styles/colors.d.ts

@@ -110,6 +110,9 @@ declare const allColors: {
         iconBadge: string;
         iconBadgeFill: string;
     };
+    border: {
+        hairline: string;
+    };
     white: string;
     neutral: {
         10: string;
@@ -226,6 +229,9 @@ export declare const getBaseHexColor: (colorName: string) => string | {
         iconBadge: string;
         iconBadgeFill: string;
     };
+    border: {
+        hairline: string;
+    };
     white: string;
     neutral: {
         10: string;

package/lib/cjs/styles/colors.js

@@ -153,12 +153,16 @@ var badge = {
   iconBadgeFill: accent[40]
 };
 var tooltip = accent[20];
+var border = {
+  hairline: '#E7EEF4'
+};
 var allColors = {
   black: black,
   background: background,
   backgroundBase: backgroundBase,
   backgroundSecondary: backgroundSecondary,
   badge: badge,
+  border: border,
   white: white,
   neutral: neutral,
   accent: accent,

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts

@@ -105,6 +105,7 @@ export declare const colors: {
         input: string;
         separator: string;
         attachment: string;
+        hairline: string;
     };
     iconWrapper: {
         wrapper: {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.js

@@ -37,7 +37,8 @@ var border = {
   dark: _chromaJs["default"].mix('#23282e', 'white', 0.25, 'rgb').hex(),
   input: _colorTokens.nextGenColors['gray-500'],
   separator: _chromaJs["default"].mix('#23282e', 'white', 0.15, 'rgb').hex(),
-  attachment: '#39414b'
+  attachment: '#39414b',
+  hairline: '#737577'
 };
 var badge = {
   background: _colorTokens.nextGenColors['gray-800'],

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.d.ts

@@ -319,6 +319,15 @@ declare const buttons: {
             };
         };
     };
+    searchNavTabLabel: {
+        color: string;
+        '&.is-hovered': {
+            color: string;
+            '& > svg': {
+                fill: string;
+            };
+        };
+    };
     modalCloseButton: {
         path: {
             fill: string;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.js

@@ -80,6 +80,15 @@ var iconButtons = {
     }
   })
 };
+var searchNavTabLabel = {
+  color: 'gray-400',
+  '&.is-hovered': {
+    color: 'white',
+    '& > svg': {
+      fill: 'white'
+    }
+  }
+};
 var buttons = {
   primary: {
     color: 'black',
@@ -272,6 +281,7 @@ var buttons = {
     }
   },
   iconButtons: iconButtons,
+  searchNavTabLabel: searchNavTabLabel,
   modalCloseButton: modalCloseButton,
   listBoxLink: {
     color: 'blue-400',

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/text.d.ts

@@ -5,6 +5,18 @@ export declare const text: {
     listViewItemText: {
         color: string;
     };
+    searchNavTabLabel: {
+        color: string;
+        '.is-selected &, .is-hovered &': {
+            color: string;
+        };
+        '.is-selected &': {
+            color: string;
+        };
+        '.is-disabled &': {
+            color: string;
+        };
+    };
     listViewItemTextSelected: {
         color: string;
     };

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/text.js

@@ -12,6 +12,18 @@ var text = {
   listViewItemText: {
     color: 'text.secondary'
   },
+  searchNavTabLabel: {
+    color: 'gray-400',
+    '.is-selected &, .is-hovered &': {
+      color: 'white'
+    },
+    '.is-selected &': {
+      color: 'white'
+    },
+    '.is-disabled &': {
+      color: 'neutral.80'
+    }
+  },
   listViewItemTextSelected: {
     color: 'gray-100'
   },

package/lib/cjs/styles/themes/next-gen/convertedComponentList.js

@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nextGenOnlyComponents = exports["default"] = exports.componentSpecificNextGenBlacklist = exports.astroBlacklistStory = void 0;
-var nextGenConvertedComponents = ['AccordionGridGroup', 'AccordionGroup', 'ArrayField', 'AstroProvider', 'Avatar', 'Badge', 'Base Components', 'Breadcrumbs', 'Button', 'ButtonBar', 'Callout', 'Card', 'CheckboxField', 'CodeView', 'ColorField', 'ComboBoxField', 'CopyText', 'DataTable', 'EnvironmentBreadcrumb', 'GridList', 'HelpHint', 'Icon', 'IconBadge', 'IconButton', 'IconWrapper', 'ImageUploadField', 'Loader', 'Link', 'LinkSelectField', 'ListView', 'ListViewItem', 'Message', 'Messages', 'Modal', 'MultiValuesField', 'MultivaluesField', 'NavBar', 'NavigationHeader', 'NextGen ListViewItem', 'NumberField', 'OverlayPanel', 'PageHeader', 'Pagination', 'PanelHeader', 'PasswordField', 'PopoverMenu', 'ProgressBar', 'RadioField', 'RadioGroupField', 'RequirementsList', 'RockerButtonGroup', 'SearchField', 'SelectField', 'Skeleton', 'SliderField', 'Stepper', 'Sticker Sheet', 'SwitchField', 'StatusIcon', 'Table', 'TableBase', 'Tabs', 'Text', 'TextAreaField', 'TextField', 'TooltipTrigger', 'ArrayField', 'ColorField', 'LinkSelectField', 'NumberField', 'SwitchField', 'Base Components', 'SliderField', 'ServerErrorBoundary', 'Avatar', 'Box'];
+var nextGenConvertedComponents = ['AccordionGridGroup', 'AccordionGroup', 'ArrayField', 'AstroProvider', 'Avatar', 'Badge', 'Base Components', 'Breadcrumbs', 'Button', 'ButtonBar', 'Callout', 'Card', 'CheckboxField', 'CodeView', 'ColorField', 'ComboBoxField', 'CopyText', 'DataTable', 'EnvironmentBreadcrumb', 'GridList', 'HelpHint', 'Icon', 'IconBadge', 'IconButton', 'IconWrapper', 'ImageUploadField', 'Loader', 'Link', 'LinkSelectField', 'ListView', 'ListViewItem', 'Message', 'Messages', 'Modal', 'MultiValuesField', 'MultivaluesField', 'NavBar', 'NavigationHeader', 'NextGen ListViewItem', 'NumberField', 'OverlayPanel', 'PageHeader', 'Pagination', 'PanelHeader', 'PasswordField', 'PopoverMenu', 'ProgressBar', 'RadioField', 'RadioGroupField', 'RequirementsList', 'RockerButtonGroup', 'SearchField', 'SearchNav', 'SelectField', 'Skeleton', 'SliderField', 'Stepper', 'Sticker Sheet', 'SwitchField', 'StatusIcon', 'Table', 'TableBase', 'Tabs', 'Text', 'TextAreaField', 'TextField', 'TooltipTrigger', 'ArrayField', 'ColorField', 'LinkSelectField', 'NumberField', 'SwitchField', 'Base Components', 'SliderField', 'ServerErrorBoundary', 'Avatar', 'Box'];
 var componentSpecificNextGenBlacklist = {
   AstroProvider: ['Default', 'With Custom Theme Override'],
   Messages: ['Customization'],

package/lib/cjs/styles/themes/next-gen/next-gen.d.ts

@@ -722,6 +722,15 @@ declare const _default: {
             };
             transition: string;
         };
+        searchNavTabLabel: {
+            marginBottom: string;
+            color: string;
+            '&.is-hovered': {
+                '& > svg': {
+                    fill: string;
+                };
+            };
+        };
         outlineCritical: {
             backgroundColor: string;
             borderColor: string;
@@ -2072,6 +2081,7 @@ declare const _default: {
         };
         tabLabel: {
             color: string;
+            wordBreak: string;
         };
         placeholder: {
             color: string;
@@ -5054,6 +5064,11 @@ declare const _default: {
                 };
             };
         };
+        searchNav: {
+            tab: {
+                marginBottom: string;
+            };
+        };
         separator: {
             base: {
                 bg: string;

package/lib/cjs/styles/themes/next-gen/variants/button.d.ts

@@ -425,6 +425,15 @@ declare const buttons: {
         };
         transition: string;
     };
+    searchNavTabLabel: {
+        marginBottom: string;
+        color: string;
+        '&.is-hovered': {
+            '& > svg': {
+                fill: string;
+            };
+        };
+    };
     outlineCritical: {
         backgroundColor: string;
         borderColor: string;

package/lib/cjs/styles/themes/next-gen/variants/button.js

@@ -38,6 +38,15 @@ var defaultFocus = {
   outlineOffset: '2px'
 };
 exports.defaultFocus = defaultFocus;
+var searchNavTabLabel = {
+  marginBottom: '9px',
+  color: 'neutral.40',
+  '&.is-hovered': {
+    '& > svg': {
+      fill: 'active'
+    }
+  }
+};
 var buttonBase = _objectSpread(_objectSpread({}, transitions), {}, {
   alignItems: 'center',
   justifyContent: 'center',
@@ -584,6 +593,7 @@ var buttons = {
   inlinePrimary: inlinePrimary,
   checkboxButton: checkboxButton,
   checkboxActiveButton: checkboxActiveButton,
+  searchNavTabLabel: searchNavTabLabel,
   outlineCritical: outlineCritical,
   link: link,
   listBoxLink: listBoxLink,

package/lib/cjs/styles/themes/next-gen/variants/searchNav.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    tab: {
+        marginBottom: string;
+    };
+};
+export default _default;

package/lib/cjs/styles/themes/next-gen/variants/searchNav.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var tab = {
+  marginBottom: '-1.5px'
+};
+var _default = {
+  tab: tab
+};
+exports["default"] = _default;

package/lib/cjs/styles/themes/next-gen/variants/text.d.ts

@@ -137,6 +137,7 @@ export declare const text: {
     };
     tabLabel: {
         color: string;
+        wordBreak: string;
     };
     placeholder: {
         color: string;

package/lib/cjs/styles/themes/next-gen/variants/text.js

@@ -127,7 +127,8 @@ var text = _objectSpread(_objectSpread({
     lineHeight: '24px'
   },
   tabLabel: {
-    color: 'text.primary'
+    color: 'text.primary',
+    wordBreak: 'normal'
   },
   placeholder: {
     color: 'gray-600',

package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts

@@ -1457,6 +1457,11 @@ declare const _default: {
             };
         };
     };
+    searchNav: {
+        tab: {
+            marginBottom: string;
+        };
+    };
     separator: {
         base: {
             bg: string;

package/lib/cjs/styles/themes/next-gen/variants/variants.js

@@ -35,6 +35,7 @@ var _panelHeader = _interopRequireDefault(require("./panelHeader"));
 var _popoverMenu = _interopRequireDefault(require("./popoverMenu"));
 var _prompt = _interopRequireDefault(require("./prompt"));
 var _response = _interopRequireDefault(require("./response"));
+var _searchNav = _interopRequireDefault(require("./searchNav"));
 var _stepper = _interopRequireDefault(require("./stepper"));
 var _suggestion = _interopRequireDefault(require("./suggestion"));
 var _suggestions = _interopRequireDefault(require("./suggestions"));
@@ -430,6 +431,7 @@ var _default = {
   prompt: _prompt["default"],
   response: _response["default"],
   rockerButton: rockerButton,
+  searchNav: _searchNav["default"],
   separator: separator,
   skeleton: _Skeleton["default"],
   stepper: _stepper["default"],

package/lib/cjs/styles/variants/variants.js

@@ -56,6 +56,7 @@ var _ProgressBar = _interopRequireDefault(require("../../components/ProgressBar/
 var _RangeCalendar = _interopRequireDefault(require("../../components/RangeCalendar/RangeCalendar.styles"));
 var _RockerButton = _interopRequireDefault(require("../../components/RockerButton/RockerButton.styles"));
 var _ScrollBox = _interopRequireDefault(require("../../components/ScrollBox/ScrollBox.styles"));
+var _SearchNav = _interopRequireDefault(require("../../components/SearchNav/SearchNav.styles"));
 var _Separator = _interopRequireDefault(require("../../components/Separator/Separator.styles"));
 var _ServerErrorBoundary = _interopRequireDefault(require("../../components/ServerErrorBoundary/ServerErrorBoundary.styles"));
 var _Skeleton = _interopRequireDefault(require("../../components/Skeleton/Skeleton.styles"));
@@ -114,6 +115,7 @@ var _default = _objectSpread(_objectSpread({
   progressBar: _ProgressBar["default"],
   rockerButton: _RockerButton["default"],
   scrollBox: _ScrollBox["default"],
+  searchNav: _SearchNav["default"],
   separator: _Separator["default"],
   serverErrorBoundary: _ServerErrorBoundary["default"],
   slider: _Slider["default"],