feat(KeyValue): deprecate component

chore: update exported paths

chore(docs): remove docs of deprecated components

docs/src/components/Footer.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled, { css } from "styled-components";
-import { Text, Desktop, Stack, mediaQueries } from "@kiwicom/orbit-components";
+import { Text, Stack, Hide, mediaQueries } from "@kiwicom/orbit-components";
 import { Link, useStaticQuery, graphql } from "gatsby";
 
 import Switch from "./Switch";
@@ -61,7 +61,7 @@ const StyledFooterLink = styled(Link)`
 `;
 
 function Dot() {
-  return <Desktop>·</Desktop>;
+  return <Hide on={["smallMobile", "mediumMobile", "largeMobile", "tablet"]}>·</Hide>;
 }
 
 export default function Footer() {

packages/orbit-components/src/deprecated/Desktop/README.md

@@ -3,7 +3,7 @@
 To implement Desktop component into your project you'll need to add the import:
 
 ```jsx
-import Desktop from "@kiwicom/orbit-components/lib/Desktop";
+import Desktop from "@kiwicom/orbit-components/lib/deprecated/Desktop";
 ```
 
 After adding import into your project you can use it simply like:

packages/orbit-components/src/KeyValue/KeyValue.stories.tsx → packages/orbit-components/src/deprecated/KeyValue/KeyValue.stories.tsx

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { text, select } from "@storybook/addon-knobs";
 
-import Clock from "../icons/Clock";
-import Stack from "../Stack";
-import { SPACINGS } from "../utils/layout/consts";
+import Clock from "../../icons/Clock";
+import Stack from "../../Stack";
+import { SPACINGS } from "../../utils/layout/consts";
 
 import KeyValue from ".";
 

packages/orbit-components/src/KeyValue/README.md → packages/orbit-components/src/deprecated/KeyValue/README.md

@@ -3,7 +3,7 @@
 To implement KeyValue component into your project you'll need to add the import:
 
 ```jsx
-import KeyValue from "@kiwicom/orbit-components/lib/KeyValue";
+import KeyValue from "@kiwicom/orbit-components/lib/deprecated/KeyValue";
 ```
 
 After adding import into your project you can use it simply like:

packages/orbit-components/src/KeyValue/__tests__/index.test.tsx → packages/orbit-components/src/deprecated/KeyValue/__tests__/index.test.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { render, screen } from "../../test-utils";
+import { render, screen } from "../../../test-utils";
 import KeyValue from "..";
 
 describe("KeyValue", () => {

packages/orbit-components/src/KeyValue/index.js.flow → packages/orbit-components/src/deprecated/KeyValue/index.js.flow

@@ -1,8 +1,8 @@
 // @flow
 import * as React from "react";
 
-import type { Globals } from "../common/common.js.flow";
-import type { Spacing } from "../Stack/index.js.flow";
+import type { Globals } from "../../common/common.js.flow";
+import type { Spacing } from "../../Stack/index.js.flow";
 
 export type Props = {|
   +label?: React.Node,

packages/orbit-components/src/KeyValue/index.tsx → packages/orbit-components/src/deprecated/KeyValue/index.tsx

@@ -3,9 +3,9 @@
 import * as React from "react";
 import styled, { css } from "styled-components";
 
-import defaultTheme from "../defaultTheme";
-import { SPACINGS } from "../utils/layout/consts";
-import Text from "../Text";
+import defaultTheme from "../../defaultTheme";
+import { SPACINGS } from "../../utils/layout/consts";
+import Text from "../../Text";
 import type { Props } from "./types";
 
 const getSpacing = ({ theme }) => ({

packages/orbit-components/src/KeyValue/types.d.ts → packages/orbit-components/src/deprecated/KeyValue/types.d.ts

@@ -2,8 +2,8 @@
 // Project: http://github.com/kiwicom/orbit
 import type * as React from "react";
 
-import type * as Common from "../common/types";
-import type { Spacing } from "../Stack/types";
+import type * as Common from "../../common/types";
+import type { Spacing } from "../../Stack/types";
 
 export interface Props extends Common.Globals {
   readonly label?: React.ReactNode;

packages/orbit-components/src/deprecated/Mobile/README.md

@@ -3,7 +3,7 @@
 To implement Mobile component into your project you'll need to add the import:
 
 ```jsx
-import Mobile from "@kiwicom/orbit-components/lib/Mobile";
+import Mobile from "@kiwicom/orbit-components/lib/deprecated/Mobile";
 ```
 
 After adding import into your project you can use it simply like:

packages/orbit-components/src/index.ts

@@ -19,7 +19,7 @@ export { default as Checkbox } from "./Checkbox";
 export { default as ChoiceGroup } from "./ChoiceGroup";
 export { default as Collapse } from "./Collapse";
 export { default as CountryFlag } from "./CountryFlag";
-export { default as Desktop } from "./Desktop";
+export { default as Desktop } from "./deprecated/Desktop";
 export { default as Dialog } from "./Dialog";
 export { default as FeatureIcon } from "./FeatureIcon";
 export { default as NotificationBadge } from "./NotificationBadge";
@@ -74,11 +74,11 @@ export {
   ItinerarySegmentStop,
   ItinerarySegmentDetail,
 } from "./Itinerary";
-export { default as KeyValue } from "./KeyValue";
+export { default as KeyValue } from "./deprecated/KeyValue";
 export { default as List, ListItem } from "./List";
 export { default as ListChoice } from "./ListChoice";
 export { default as Loading } from "./Loading";
-export { default as Mobile } from "./Mobile";
+export { default as Mobile } from "./deprecated/Mobile";
 export { default as Pagination } from "./Pagination";
 export { default as Popover } from "./Popover";
 export { default as Radio } from "./Radio";