@pingux/astro 2.163.1-alpha.4 → 2.163.1-alpha.6

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

@@ -257,6 +257,7 @@ declare const _default: {
             link: string;
             label: string;
             reverse: string;
+            hover: string;
         };
         active_hover: string;
         active_pressed: string;
@@ -2125,6 +2126,7 @@ declare const _default: {
             fontSize: string;
             lineHeight: string;
             color: string;
+            mt: number;
         };
         itemTitle: {
             fontWeight: number;
@@ -2246,7 +2248,7 @@ declare const _default: {
         baseBadge: {
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2282,7 +2284,7 @@ declare const _default: {
         default: {
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2320,7 +2322,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2357,7 +2359,7 @@ declare const _default: {
             '& span': {
                 color: string;
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2395,7 +2397,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2432,7 +2434,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2469,7 +2471,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2506,7 +2508,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2543,7 +2545,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2580,7 +2582,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2617,7 +2619,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2654,8 +2656,8 @@ declare const _default: {
             paddingRight: string;
             '& span': {
                 color: string;
-                fontWeight: number;
                 fontSize: string;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2690,10 +2692,13 @@ declare const _default: {
         };
         readOnlyBadge: {
             border: string;
+            borderColor: string;
+            backgroundColor: string;
             '& span': {
                 color: string;
-                fontWeight: number;
+                lineHeight: string;
                 fontSize: string;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2729,10 +2734,13 @@ declare const _default: {
         readOnlyFieldBadge: {
             '& span': {
                 color: string;
+                lineHeight: string;
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             border: string;
+            borderColor: string;
+            backgroundColor: string;
             '& button': {
                 alignSelf: string;
                 p: string;
@@ -2771,7 +2779,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2810,7 +2818,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2849,7 +2857,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2888,7 +2896,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2927,7 +2935,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -2991,17 +2999,17 @@ declare const _default: {
             boxShadow: string;
         };
         itemBadgeWithSlot: {
-            bg: string;
-            fontWeight: number;
+            border: string;
             '& span': {
                 color: string;
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& svg': {
                 fill: string;
             };
-            border: string;
+            backgroundColor: string;
+            paddingRight: string;
             '& button': {
                 alignSelf: string;
                 p: string;
@@ -3034,7 +3042,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -3071,7 +3079,7 @@ declare const _default: {
             color: string;
             '& span': {
                 fontSize: string;
-                fontWeight: number;
+                fontWeight: string;
             };
             '& button': {
                 alignSelf: string;
@@ -4435,6 +4443,9 @@ declare const _default: {
                 pl: string;
                 pr: string;
                 justifyContent: string;
+                borderRadius: string;
+                lineHeight: string;
+                color: string;
                 '&.is-focused': {
                     color: string;
                     bg: string;
@@ -4464,14 +4475,25 @@ declare const _default: {
                 '&.is-condensed': {
                     pl: string;
                     bg: string;
+                    color: string;
                     '&.is-selected': {
                         bg: string;
                     };
                     '&.is-focused': {
                         bg: string;
+                        color: string;
                     };
                 };
             };
+            sectionTitle: {
+                color: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                textTransform: string;
+                letterSpacing: string;
+                ml: string;
+            };
         };
         listView: {
             container: {

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

@@ -124,6 +124,7 @@ export declare const nextGenColors: {
         link: string;
         label: string;
         reverse: string;
+        hover: string;
     };
     active: string;
     active_hover: string;

package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.js

@@ -130,7 +130,8 @@ var nextGenColors = exports.nextGenColors = {
     'light': '#5e6d82',
     'link': '#1a73e8',
     'label': '#5e6d82',
-    'reverse': '#ffffff'
+    'reverse': '#ffffff',
+    'hover': '#121518'
   },
   'active': '#1a73e8',
   'active_hover': '#1462C8',

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

@@ -33,7 +33,7 @@ export declare const badges: {
     baseBadge: {
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -69,7 +69,7 @@ export declare const badges: {
     default: {
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -107,7 +107,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -144,7 +144,7 @@ export declare const badges: {
         '& span': {
             color: string;
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -182,7 +182,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -219,7 +219,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -256,7 +256,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -293,7 +293,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -330,7 +330,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -367,7 +367,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -404,7 +404,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -441,8 +441,8 @@ export declare const badges: {
         paddingRight: string;
         '& span': {
             color: string;
-            fontWeight: number;
             fontSize: string;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -477,10 +477,13 @@ export declare const badges: {
     };
     readOnlyBadge: {
         border: string;
+        borderColor: string;
+        backgroundColor: string;
         '& span': {
             color: string;
-            fontWeight: number;
+            lineHeight: string;
             fontSize: string;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -516,10 +519,13 @@ export declare const badges: {
     readOnlyFieldBadge: {
         '& span': {
             color: string;
+            lineHeight: string;
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         border: string;
+        borderColor: string;
+        backgroundColor: string;
         '& button': {
             alignSelf: string;
             p: string;
@@ -558,7 +564,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -597,7 +603,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -636,7 +642,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -675,7 +681,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -714,7 +720,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -778,17 +784,17 @@ export declare const badges: {
         boxShadow: string;
     };
     itemBadgeWithSlot: {
-        bg: string;
-        fontWeight: number;
+        border: string;
         '& span': {
             color: string;
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& svg': {
             fill: string;
         };
-        border: string;
+        backgroundColor: string;
+        paddingRight: string;
         '& button': {
             alignSelf: string;
             p: string;
@@ -821,7 +827,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;
@@ -858,7 +864,7 @@ export declare const badges: {
         color: string;
         '& span': {
             fontSize: string;
-            fontWeight: number;
+            fontWeight: string;
         };
         '& button': {
             alignSelf: string;

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

@@ -18,8 +18,8 @@ var _button = _interopRequireDefault(require("./button"));
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var badgeFont = {
-  fontSize: '12px',
-  fontWeight: 2
+  fontSize: 'tiny',
+  fontWeight: '2'
 };
 var badgeIconStyle = {
   '& span': _objectSpread({}, badgeFont),
@@ -46,11 +46,11 @@ var baseBadge = _objectSpread({
   alignItems: 'center',
   justifyContent: 'center',
   py: '.25em',
-  px: '.4em',
+  px: '.34em',
   borderRadius: '4px',
   maxHeight: '18px',
   minHeight: '18px',
-  fontSize: '12px',
+  fontSize: 'tiny',
   alignSelf: 'flex-start',
   display: 'inline-flex !important',
   width: 'fit-content',
@@ -88,30 +88,31 @@ var selectedItemBadge = _objectSpread(_objectSpread({}, baseBadge), {}, {
   backgroundColor: '#eaf2fd !important',
   paddingRight: '0px !important',
   '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-    color: 'text.primary',
-    fontWeight: 400
+    color: 'text.primary'
   })
 });
 var readOnlyBadge = _objectSpread(_objectSpread({}, baseBadge), {}, {
-  border: 'none',
+  border: '1px solid',
+  borderColor: 'border.hairline',
+  backgroundColor: '#FFFFFF !important',
   '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
     color: 'text.primary',
-    fontWeight: 2
+    lineHeight: 'xs'
   })
 });
 var readOnlyFieldBadge = _objectSpread(_objectSpread({}, readOnlyBadge), {}, {
   '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-    color: 'white'
+    color: 'text.primary',
+    lineHeight: 'xs'
   })
 });
-var itemBadgeWithSlot = _objectSpread(_objectSpread({}, readOnlyBadge), {}, {
-  bg: '#EAF2FD !important',
-  fontWeight: 2,
+var itemBadgeWithSlot = _objectSpread(_objectSpread({}, selectedItemBadge), {}, {
+  border: 'none',
   '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
     color: 'text.primary'
   }),
   '& svg': {
-    fill: 'gray-900'
+    fill: 'text.primary'
   }
 });
 var badgeDeleteButton = exports.badgeDeleteButton = _objectSpread(_objectSpread({}, _button["default"].iconButtons.base), {}, {

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

@@ -1,4 +1,4 @@
-export declare const focusBoxShadow = "0 0 0 3px inset #1a73e8";
+export declare const focusBoxShadow = "0 0 0 2px inset #1a73e8";
 export declare const borderRadius = "16px";
 export declare const listViewItem: {
     rightOfData: {

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

@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.listViewItem = exports.listView = exports.lisViewItemChart = exports.focusBoxShadow = exports.borderRadius = void 0;
-var focusBoxShadow = exports.focusBoxShadow = '0 0 0 3px inset #1a73e8';
+var focusBoxShadow = exports.focusBoxShadow = '0 0 0 2px inset #1a73e8';
 var borderRadius = exports.borderRadius = '16px';
 var listViewItem = exports.listViewItem = {
   rightOfData: {

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

@@ -180,6 +180,7 @@ export declare const text: {
         fontSize: string;
         lineHeight: string;
         color: string;
+        mt: number;
     };
     itemTitle: {
         fontWeight: number;

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

@@ -160,7 +160,8 @@ var text = exports.text = _objectSpread(_objectSpread({
   listViewItemSubtext: {
     fontSize: 'md',
     lineHeight: 'body',
-    color: 'gray-700'
+    color: 'font.light',
+    mt: 0
   },
   itemTitle: {
     fontWeight: 2,

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

@@ -766,6 +766,9 @@ declare const _default: {
             pl: string;
             pr: string;
             justifyContent: string;
+            borderRadius: string;
+            lineHeight: string;
+            color: string;
             '&.is-focused': {
                 color: string;
                 bg: string;
@@ -795,14 +798,25 @@ declare const _default: {
             '&.is-condensed': {
                 pl: string;
                 bg: string;
+                color: string;
                 '&.is-selected': {
                     bg: string;
                 };
                 '&.is-focused': {
                     bg: string;
+                    color: string;
                 };
             };
         };
+        sectionTitle: {
+            color: string;
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            textTransform: string;
+            letterSpacing: string;
+            ml: string;
+        };
     };
     listView: {
         container: {

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

@@ -158,8 +158,11 @@ var listBox = {
     pl: '.75rem',
     pr: 'md',
     justifyContent: 'space-between',
+    borderRadius: '4px',
+    lineHeight: 'body',
+    color: 'gray-700',
     '&.is-focused': {
-      color: 'text.primary',
+      color: 'font.hover',
       bg: 'gray-100',
       borderRadius: '4px'
     },
@@ -187,13 +190,24 @@ var listBox = {
     '&.is-condensed': {
       pl: 'md',
       bg: 'backgroundBase',
+      color: 'gray-700',
       '&.is-selected': {
         bg: 'backgroundBase'
       },
       '&.is-focused': {
-        bg: 'backgroundBase'
+        bg: 'backgroundBase',
+        color: 'font.hover'
       }
     }
+  },
+  sectionTitle: {
+    color: 'font.light',
+    fontWeight: '1',
+    fontSize: 'tiny',
+    lineHeight: 'xs',
+    textTransform: 'uppercase',
+    letterSpacing: '1px',
+    ml: 'md'
   }
 };
 var separator = {