@dev-crew-berlin/enter-js-utils 0.23.0 → 0.24.0

package/dist/ui/icons/caret.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+declare type Props = {
+    color?: string;
+    rotateDeg: number;
+};
+export declare const Caret: FunctionComponent<Props>;
+export {};

package/dist/ui/icons/caret.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { colors } from '../../lib/theme';
+export const Caret = ({
+  color = colors.enterDarkGrey,
+  rotateDeg = 0
+}) => {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "100%",
+    height: "auto",
+    viewBox: "0 0 16 16",
+    transform: `rotate(${rotateDeg})`,
+    fill: color
+  }, /*#__PURE__*/React.createElement("path", {
+    color: color,
+    fillRule: "evenodd",
+    transform: "translate(0,0)",
+    d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
+  }));
+};

package/dist/ui/icons/caret.stories.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FunctionComponent<{
+    color?: string | undefined;
+    rotateDeg: number;
+}>>;
+export default _default;
+export declare const Basic: ComponentStory<React.FunctionComponent<{
+    color?: string | undefined;
+    rotateDeg: number;
+}>>;
+export declare const White: ComponentStory<React.FunctionComponent<{
+    color?: string | undefined;
+    rotateDeg: number;
+}>>;

package/dist/ui/icons/caret.stories.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Caret } from './caret';
+export default {
+  title: 'Icons/Caret',
+  component: Caret
+};
+
+const Template = args => /*#__PURE__*/React.createElement(Caret, args);
+
+export const Basic = Template.bind({});
+Basic.args = {};
+export const White = Template.bind({});
+White.parameters = {
+  backgrounds: {
+    default: 'dark'
+  }
+};
+White.args = {
+  color: '#fff'
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-crew-berlin/enter-js-utils",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "utils such as vaildation and other helpers to work with data from the enter app",
   "files": [
     "dist",