@pingux/astro 1.0.0-alpha.6 → 1.0.1

package/lib/recipes/InputBoxWithLinkedChip.stories.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import Link from 'mdi-react/LinkVariantIcon';
-import Chip from '../components/Chip';
-import Text from '../components/Text';
-import Icon from '../components/Icon';
-import Box from '../components/Box';
-import Popover from '../components/Popover';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Recipes/InputBoxWithLinkedChip'
-};
-export var Default = function Default() {
-  return ___EmotionJSX(Box, {
-    variant: "forms.input.container",
-    width: "500px"
-  }, ___EmotionJSX(Box, {
-    variant: "forms.input",
-    height: "40px",
-    p: "0",
-    justifyContent: "center"
-  }, ___EmotionJSX(Popover, {
-    content: "steps.registration.formData.user",
-    placement: "bottom"
-  }, ___EmotionJSX(Chip, {
-    ml: "md",
-    bg: "#E5E9F8",
-    label: ___EmotionJSX(Box, {
-      isRow: true,
-      justifyContent: "center"
-    }, ___EmotionJSX(Icon, {
-      icon: Link,
-      color: "#253746",
-      size: 15,
-      alignSelf: "center",
-      mr: "xs"
-    }), ___EmotionJSX(Text, {
-      color: "#253746",
-      sx: {
-        textTransform: 'lowercase'
-      }
-    }, "user"))
-  }))));
-};

package/lib/styles/variants/popover.js

@@ -1,76 +0,0 @@
-var container = {
-  position: 'relative',
-  backgroundColor: 'accent.20',
-  color: 'white',
-  borderRadius: 4,
-  fontSize: 'md',
-  lineHeight: 1.4,
-  outline: 0,
-  transitionProperty: 'transform,visibility,opacity',
-  '&[data-animation=fade][data-state=hidden]': {
-    opacity: 0
-  },
-  '&[data-placement^=top] > .tippy-arrow': {
-    bottom: 0
-  },
-  '&[data-placement^=top] > .tippy-arrow:before': {
-    bottom: -7,
-    left: 0,
-    borderWidth: '8px 8px 0',
-    borderTopColor: 'initial',
-    transformOrigin: 'center top'
-  },
-  '&[data-placement^=bottom] > .tippy-arrow': {
-    top: 0
-  },
-  '&[data-placement^=bottom] > .tippy-arrow:before': {
-    top: -7,
-    left: 0,
-    borderWidth: '0 8px 8px',
-    borderBottomColor: 'initial',
-    transformOrigin: 'center bottom'
-  },
-  '&[data-placement^=left] > .tippy-arrow': {
-    right: 0
-  },
-  '&[data-placement^=left] > .tippy-arrow:before': {
-    borderWidth: '8px 0 8px 8px',
-    borderLeftColor: 'initial',
-    right: -7,
-    transformOrigin: 'center left'
-  },
-  '&[data-placement^=right] > .tippy-arrow': {
-    left: 0
-  },
-  '&[data-placement^=right] > .tippy-arrow:before': {
-    left: -7,
-    borderWidth: '8px 8px 8px 0',
-    borderRightColor: 'initial',
-    transformOrigin: 'center right'
-  },
-  '&[data-inertia][data-state=visible]': {
-    transitionTimingFunction: 'cubic-bezier(.54,1.5,.38,1.11)'
-  }
-};
-var content = {
-  position: 'relative',
-  px: 'sm',
-  py: 'xs',
-  zIndex: 1
-};
-var arrow = {
-  width: 16,
-  height: 16,
-  color: 'accent.20',
-  '&:before': {
-    content: '""',
-    position: 'absolute',
-    borderColor: 'transparent',
-    borderStyle: 'solid'
-  }
-};
-export default {
-  arrow: arrow,
-  container: container,
-  content: content
-};