@pingux/astro 1.27.0-alpha.16 → 1.27.0-alpha.18

package/lib/recipes/RowLineChart.stories.js

@@ -138,34 +138,6 @@ var zeroData = [{
   id: 12,
   value: 0
 }];
-var sx = {
-  container: {
-    backgroundColor: 'accent.99',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    pr: '20px'
-  },
-  button: {
-    ml: 'md',
-    pr: 'md'
-  },
-  chartTitleContainer: {
-    ml: '20px',
-    pr: 'md'
-  },
-  chartContainer: {
-    width: '100%',
-    height: '100%'
-  },
-  chart: {
-    width: '50',
-    height: '18'
-  },
-  chartTrendContainer: {
-    ml: 'md',
-    width: '50px'
-  }
-};
 export var Default = function Default() {
   var _useResizeObserver = useResizeObserver(),
       ref = _useResizeObserver.ref,
@@ -189,7 +161,10 @@ export var Default = function Default() {
 
   var EmptyData = ___EmotionJSX(Box, {
     isRow: true,
-    sx: sx.container,
+    bg: "accent.99",
+    alignItems: "center",
+    justifyContent: "space-between",
+    pr: 20,
     ref: ref
   }, ___EmotionJSX(Box, {
     p: "md",
@@ -203,7 +178,8 @@ export var Default = function Default() {
     alignItems: "center"
   }, ___EmotionJSX(Box, _extends({
     variant: "boxes.expandableRow.lineChart.alignCellRightWrapper",
-    sx: sx.chartTitleContainer
+    ml: 20,
+    pr: 15
   }, hideIfMobile()), ___EmotionJSX(Text, {
     variant: "expandableRow.lineChart.title"
   }, "Avg daily sign-ons:")), ___EmotionJSX(Box, _extends({
@@ -216,7 +192,8 @@ export var Default = function Default() {
   }, "Past 7 days")), ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, _extends({
     variant: "expandableRow.chartWrapper",
     onPress: action('seeContributingDataAction'),
-    sx: sx.button,
+    ml: 15,
+    pr: 15,
     "aria-label": "line-chart button"
   }, hideIfTablet()), ___EmotionJSX(Box, {
     variant: "boxes.expandableRow.lineChart.divider"
@@ -225,9 +202,11 @@ export var Default = function Default() {
   }, ___EmotionJSX(Box, {
     variant: "boxes.expandableRow.lineChart.chart"
   }, ___EmotionJSX(ResponsiveContainer, {
-    sx: sx.chartContainer
+    width: "100%",
+    height: "100%"
   }, ___EmotionJSX(LineChart, {
-    sx: sx.chart,
+    width: 50,
+    height: 18,
     data: chartData
   }, ___EmotionJSX(Line, {
     type: "monotone",
@@ -238,7 +217,8 @@ export var Default = function Default() {
     variant: "expandableRow.lineChart.chartLabel"
   }, "No data yet")), ___EmotionJSX(Box, {
     size: "sm",
-    sx: sx.chartTrendContainer
+    ml: 15,
+    width: 50
   }, ___EmotionJSX(Text, {
     variant: "expandableRow.lineChart.trend"
   }, "+ 0%"))), ___EmotionJSX(Tooltip, null, "See Contributing Data")), ___EmotionJSX(Box, {
@@ -249,7 +229,10 @@ export var Default = function Default() {
 
   var FullData = ___EmotionJSX(Box, {
     isRow: true,
-    sx: sx.container,
+    bg: "accent.99",
+    alignItems: "center",
+    justifyContent: "space-between",
+    pr: 20,
     mt: 20
   }, ___EmotionJSX(Box, {
     p: "md",
@@ -263,7 +246,8 @@ export var Default = function Default() {
     alignItems: "center"
   }, ___EmotionJSX(Box, _extends({
     variant: "boxes.expandableRow.lineChart.alignCellRightWrapper",
-    sx: sx.chartTitleContainer
+    ml: 20,
+    pr: 15
   }, hideIfMobile()), ___EmotionJSX(Text, {
     variant: "expandableRow.lineChart.title"
   }, "Avg daily sign-ons:")), ___EmotionJSX(Box, _extends({
@@ -276,7 +260,8 @@ export var Default = function Default() {
   }, "Past 7 days")), ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, _extends({
     variant: "expandableRow.chartWrapper",
     onPress: action('seeContributingDataAction'),
-    sx: sx.button,
+    ml: 15,
+    pr: 15,
     "aria-label": "line-chart button"
   }, hideIfTablet()), ___EmotionJSX(Box, {
     variant: "boxes.expandableRow.lineChart.divider"
@@ -286,9 +271,11 @@ export var Default = function Default() {
     variant: "boxes.expandableRow.lineChart.chart",
     width: 50
   }, ___EmotionJSX(ResponsiveContainer, {
-    sx: sx.chartContainer
+    width: "100%",
+    height: "100%"
   }, ___EmotionJSX(LineChart, {
-    sx: sx.chart,
+    width: 50,
+    height: 18,
     data: chartData
   }, ___EmotionJSX(Line, {
     type: "monotone",
@@ -299,7 +286,8 @@ export var Default = function Default() {
     variant: "expandableRow.lineChart.chartLabel"
   }, "12 wk trend")), ___EmotionJSX(Box, {
     size: "sm",
-    sx: sx.chartTrendContainer
+    ml: 15,
+    width: 50
   }, ___EmotionJSX(Text, {
     variant: "expandableRow.lineChart.trend"
   }, "+ 8.6%"))), ___EmotionJSX(Tooltip, null, "See Contributing Data")), ___EmotionJSX(Box, {
@@ -310,7 +298,10 @@ export var Default = function Default() {
 
   var PartialData = ___EmotionJSX(Box, {
     isRow: true,
-    sx: sx.container,
+    bg: "accent.99",
+    alignItems: "center",
+    justifyContent: "space-between",
+    pr: 20,
     mt: 20
   }, ___EmotionJSX(Box, {
     p: "md",
@@ -324,7 +315,8 @@ export var Default = function Default() {
     alignItems: "center"
   }, ___EmotionJSX(Box, _extends({
     variant: "boxes.expandableRow.lineChart.alignCellRightWrapper",
-    sx: sx.chartTitleContainer
+    ml: 20,
+    pr: 15
   }, hideIfMobile()), ___EmotionJSX(Text, {
     variant: "expandableRow.lineChart.title"
   }, "Avg daily sign-ons:")), ___EmotionJSX(Box, _extends({
@@ -337,7 +329,8 @@ export var Default = function Default() {
   }, "Past 7 days")), ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, _extends({
     variant: "expandableRow.chartWrapper",
     onPress: action('seeContributingDataAction'),
-    sx: sx.button,
+    ml: 15,
+    pr: 15,
     "aria-label": "line-chart button"
   }, hideIfTablet()), ___EmotionJSX(Box, {
     variant: "boxes.expandableRow.lineChart.divider"
@@ -347,9 +340,11 @@ export var Default = function Default() {
     variant: "boxes.expandableRow.lineChart.chart",
     width: 50
   }, ___EmotionJSX(ResponsiveContainer, {
-    sx: sx.chartContainer
+    width: "100%",
+    height: "100%"
   }, ___EmotionJSX(LineChart, {
-    sx: sx.chart,
+    width: 50,
+    height: 18,
     data: partialDataData
   }, ___EmotionJSX(Line, {
     type: "monotone",
@@ -360,7 +355,8 @@ export var Default = function Default() {
     variant: "expandableRow.lineChart.chartLabel"
   }, "12 wk trend")), ___EmotionJSX(Box, {
     size: "sm",
-    sx: sx.chartTrendContainer
+    ml: 15,
+    width: 50
   }, ___EmotionJSX(Text, {
     variant: "expandableRow.lineChart.trend"
   }, "- 8.6%"))), ___EmotionJSX(Tooltip, null, "See Contributing Data")), ___EmotionJSX(Box, {
@@ -371,7 +367,10 @@ export var Default = function Default() {
 
   var ZeroData = ___EmotionJSX(Box, {
     isRow: true,
-    sx: sx.container,
+    bg: "accent.99",
+    alignItems: "center",
+    justifyContent: "space-between",
+    pr: 20,
     mt: 20
   }, ___EmotionJSX(Box, {
     p: "md",
@@ -385,7 +384,8 @@ export var Default = function Default() {
     alignItems: "center"
   }, ___EmotionJSX(Box, _extends({
     variant: "boxes.expandableRow.lineChart.alignCellRightWrapper",
-    sx: sx.chartTitleContainer
+    ml: 20,
+    pr: 15
   }, hideIfMobile()), ___EmotionJSX(Text, {
     variant: "expandableRow.lineChart.title"
   }, "Avg daily sign-ons:")), ___EmotionJSX(Box, _extends({
@@ -398,7 +398,8 @@ export var Default = function Default() {
   }, "Past 7 days")), ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, _extends({
     variant: "expandableRow.chartWrapper",
     onPress: action('seeContributingDataAction'),
-    sx: sx.button,
+    ml: 15,
+    pr: 15,
     "aria-label": "line-chart button"
   }, hideIfTablet()), ___EmotionJSX(Box, {
     variant: "boxes.expandableRow.lineChart.divider"
@@ -408,9 +409,11 @@ export var Default = function Default() {
     variant: "boxes.expandableRow.lineChart.chart",
     width: 50
   }, ___EmotionJSX(ResponsiveContainer, {
-    sx: sx.chartContainer
+    width: "100%",
+    height: "100%"
   }, ___EmotionJSX(LineChart, {
-    sx: sx.chart,
+    width: 50,
+    height: 18,
     data: zeroData
   }, ___EmotionJSX(Line, {
     type: "monotone",
@@ -421,7 +424,8 @@ export var Default = function Default() {
     variant: "expandableRow.lineChart.chartLabel"
   }, "12 wk trend")), ___EmotionJSX(Box, {
     size: "sm",
-    sx: sx.chartTrendContainer
+    ml: 15,
+    width: 50
   }, ___EmotionJSX(Text, {
     variant: "expandableRow.lineChart.trend"
   }, "+ 0%"))), ___EmotionJSX(Tooltip, null, "See Contributing Data")), ___EmotionJSX(Box, {
@@ -432,7 +436,10 @@ export var Default = function Default() {
 
   var ZeroValues = ___EmotionJSX(Box, {
     isRow: true,
-    sx: sx.container,
+    bg: "accent.99",
+    alignItems: "center",
+    justifyContent: "space-between",
+    pr: 20,
     mt: 20
   }, ___EmotionJSX(Box, {
     p: "md",
@@ -446,7 +453,8 @@ export var Default = function Default() {
     alignItems: "center"
   }, ___EmotionJSX(Box, _extends({
     variant: "boxes.expandableRow.lineChart.alignCellRightWrapper",
-    sx: sx.chartTitleContainer
+    ml: 20,
+    pr: 15
   }, hideIfMobile()), ___EmotionJSX(Text, {
     variant: "expandableRow.lineChart.title"
   }, "Avg daily sign-ons:")), ___EmotionJSX(Box, _extends({
@@ -459,7 +467,8 @@ export var Default = function Default() {
   }, "Past 7 days")), ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, _extends({
     variant: "expandableRow.chartWrapper",
     onPress: action('seeContributingDataAction'),
-    sx: sx.button,
+    ml: 15,
+    pr: 15,
     "aria-label": "line-chart button"
   }, hideIfTablet()), ___EmotionJSX(Box, {
     variant: "boxes.expandableRow.lineChart.divider"
@@ -469,9 +478,11 @@ export var Default = function Default() {
     variant: "boxes.expandableRow.lineChart.chart",
     width: 50
   }, ___EmotionJSX(ResponsiveContainer, {
-    sx: sx.chartContainer
+    width: "100%",
+    height: "100%"
   }, ___EmotionJSX(LineChart, {
-    sx: sx.chart,
+    width: 50,
+    height: 18,
     data: zeroValuesData
   }, ___EmotionJSX(Line, {
     type: "monotone",
@@ -482,7 +493,8 @@ export var Default = function Default() {
     variant: "expandableRow.lineChart.chartLabel"
   }, "12 wk trend")), ___EmotionJSX(Box, {
     size: "sm",
-    sx: sx.chartTrendContainer
+    ml: 15,
+    width: 50
   }, ___EmotionJSX(Text, {
     variant: "expandableRow.lineChart.trend"
   }, "+ 0%"))), ___EmotionJSX(Tooltip, null, "See Contributing Data")), ___EmotionJSX(Box, {

package/lib/styles/variants/variants.js

@@ -35,7 +35,6 @@ import table from './table';
 import * as tabs from './tabs';
 import tooltip from './tooltip';
 import collapsiblePanel from './collapsiblePanel';
-import dataTable from './../../components/DataTable/DataTable.styles';
 export default _objectSpread(_objectSpread({
   accordion: accordion,
   boxes: boxes,
@@ -59,6 +58,5 @@ export default _objectSpread(_objectSpread({
   stepper: stepper,
   table: table
 }, tabs), {}, {
-  tooltip: tooltip,
-  dataTable: dataTable
+  tooltip: tooltip
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.27.0-alpha.16",
+  "version": "1.27.0-alpha.18",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",