@qlean/york-web - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

docs/borderRadiuses.md

@@ -6,3 +6,3 @@ `import { borderRadiuses } from '@qlean/york-web'`
 ```js
-import { Example, borderRadiuses } from '@qlean/york-web'
+import { borderRadiuses } from '@qlean/york-web'
 ;<Example.Showcase>
@@ -9,0 +9,0 @@ {Object.entries(borderRadiuses).map(([key, value]) => (

docs/inputs.md

@@ -13,2 +13,2 @@ Компоненты для ввода данных пользователем. Похожи друг на друга внешне и имеют схожий API. Все инпуты сделаны максимально близко к нативным и работают так же. Это накладывает определенные ограничения, например, `value` может быть только строкой (или булевым для чекбокса). Обертки для `redux-form`, `final-form`, `formik` и прочего также реализовывать нужно самостоятельно.
 | `isDisabled` | `bool`   | Активен ли инпут. Обязательное поле.                                                     |
-| `onChange`   | `func`   | Коллбек, вызываемый при изменении. Обязательное поле.                                    |
+| `onChange`   | `func`   | Коллбек, вызываемый при изменении с аргументом event. Обязательное поле.                 |

docs/media.md

@@ -28,3 +28,3 @@ `import { media, mediaBreakpoints } from '@qlean/york-web'`
 import { colors } from '@qlean/york-core'
-import { Example, media, sizes } from '@qlean/york-web'
+import { media, sizes } from '@qlean/york-web'
 
@@ -31,0 +31,0 @@ const StyledBox = styled(Example.Box)`

docs/shadows.md

@@ -6,3 +6,3 @@ `import { shadows } from '@qlean/york-web'`
 ```js
-import { Example, shadows } from '@qlean/york-web'
+import { shadows } from '@qlean/york-web'
 ;<Example.Showcase>
@@ -9,0 +9,0 @@ {Object.entries(shadows).map(([key, value]) => (

docs/sizes.md

@@ -11,3 +11,3 @@ `import { uiPoint, sizes } from '@qlean/york-web'`
 import styled from 'styled-components'
-import { Example, sizes } from '@qlean/york-web'
+import { sizes } from '@qlean/york-web'
 
@@ -14,0 +14,0 @@ const StyledBox = styled(Example.Box)`

docs/transitions.md

@@ -8,3 +8,3 @@ `import { transitions, transitionTimings } from '@qlean/york-web'`
 import { colors } from '@qlean/york-core'
-import { Example, Text, Separator, transitions } from '@qlean/york-web'
+import { Text, Separator, transitions } from '@qlean/york-web'
 
@@ -11,0 +11,0 @@ const StyledBox = styled(Example.Box)`

lib/components/index.js

@@ -6,11 +6,2 @@ "use strict";
 });
-var _exportNames = {
-  Example: true
-};
-Object.defineProperty(exports, "Example", {
-  enumerable: true,
-  get: function get() {
-    return _Example["default"];
-  }
-});
 
@@ -21,3 +12,2 @@ var _inputs = require("./inputs");
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   Object.defineProperty(exports, key, {
@@ -35,3 +25,2 @@ enumerable: true,
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   Object.defineProperty(exports, key, {
@@ -49,3 +38,2 @@ enumerable: true,
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   Object.defineProperty(exports, key, {
@@ -57,6 +45,2 @@ enumerable: true,
   });
-});
-
-var _Example = _interopRequireDefault(require("./Example"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+});

lib/components/inputs/TextInput/README.md

 ```js
-import { Example, TextInput } from '@qlean/york-web'
+import { TextInput } from '@qlean/york-web'
 
@@ -4,0 +4,0 @@ const ExampleComponent = () => {

lib/components/primitive/Separator/index.js

@@ -46,3 +46,4 @@ "use strict";
 /**
- * Используется для создания отступов между элементами. Ширина и высота разделителя может принимать только значения указанные в core/sizes.
+ * Используется для создания отступов между элементами. Ширина и высота разделителя может принимать
+ * только значения указанные в core/sizes.
  */
@@ -49,0 +50,0 @@

lib/components/primitive/Separator/README.md

@@ -12,21 +12,8 @@ ```js
 ;<div>
-  <Text preset="header2" htmlTag="h1">
-    Йоркширский терьер
-  </Text>
+  <Text preset="header2">{Example.text.short}</Text>
+  <StyledSeparator height={2} />
+  <Text>{Example.text.medium}</Text>
   <StyledSeparator height={1} />
-  <Text preset="caption" htmlTag="h2" color="grey">
-    Материал из Википедии — свободной энциклопедии
-  </Text>
-  <StyledSeparator height={2} />
-  <Text>
-    Йоркширский терьер, или йорк (англ. yorkshire terrier), — декоративная
-    порода собак, выведенная в Англии, графстве Йоркшир в конце XIX в, на основе
-    таких пород как манчестер-терьер, скайтерьер, мальтезе и др.
-  </Text>
-  <StyledSeparator height={2} />
-  <Text>
-    В настоящее время йоркширский терьер — одна из самых популярных
-    комнатно-декоративных пород собак.
-  </Text>
+  <Text>{Example.text.long}</Text>
 </div>
 ```

lib/components/primitive/Text/README.md

 ```js
-import { Example } from '@qlean/york-web'
-
 const presets = [
@@ -46,6 +44,3 @@ {
     <Example.ShowcaseItem key={preset} title={preset} caption={caption}>
-      <Text preset={preset}>
-        Шнауцеры — крепкие, довольно коренастые собаки квадратного формата с
-        чуть наклонной спиной
-      </Text>
+      <Text preset={preset}>{Example.text.medium}</Text>
     </Example.ShowcaseItem>
@@ -52,0 +47,0 @@ ))}

lib/components/primitive/View/README.md

 ```js
 import { colors } from '@qlean/york-core'
-import { View, Separator, Example } from '@qlean/york-web'
+import { View, Separator } from '@qlean/york-web'
 ;<View mobileProps={{ flexDirection: 'column' }}>
@@ -5,0 +5,0 @@ <Example.Box />

lib/components/simple/Button/README.md

 ```js
 import styled from 'styled-components'
-import { Button, Separator, View, Example, sizes, media } from '@qlean/york-web'
+import { Button, Separator, View, sizes, media } from '@qlean/york-web'
 
@@ -5,0 +5,0 @@ const StyledShowcaseItem = styled(Example.ShowcaseItem)`

lib/components/simple/GridColumn/README.md

 ```js
 import styled from 'styled-components'
 import { colors } from '@qlean/york-core'
-import { GridContainer, GridColumn, Example, media } from '@qlean/york-web'
+import { GridContainer, GridColumn, media } from '@qlean/york-web'
 
@@ -6,0 +6,0 @@ const StyledBoxDesktop = styled(Example.Box)`

lib/components/simple/GridContainer/README.md

 ```js
 import styled from 'styled-components'
 import { colors } from '@qlean/york-core'
-import { GridContainer, GridColumn, Example } from '@qlean/york-web'
+import { GridContainer, GridColumn } from '@qlean/york-web'
 
@@ -6,0 +6,0 @@ const StyledBox = styled(Example.Box)`

lib/components/simple/Tooltip/README.md

 ```js
 import { colors } from '@qlean/york-core'
 import { View, Text, Tooltip, Separator } from '@qlean/york-web'
+
 ;<>
-  <Tooltip tooltip="Йоркширский терьер">
+  <Tooltip tooltip={Example.text.short}>
     <Text>Короткий тултип</Text>
@@ -10,3 +11,3 @@ </Tooltip>
   <View justifyContent="center">
-    <Tooltip tooltip="В настоящее время йоркширский терьер — одна из самых популярных комнатно-декоративных пород собак.">
+    <Tooltip tooltip={Example.text.medium}>
       <Text>Длинный тултип</Text>
@@ -17,11 +18,3 @@ </Tooltip>
   <View justifyContent="flex-end">
-    <Tooltip
-      tooltip={
-        <Text color="yellow">
-          Родиной йоркширского терьера являются графства Йоркшир и Ланкашир в
-          северной Англии. Его возможным предком называют уотерсайдского
-          терьера.
-        </Text>
-      }
-    >
+    <Tooltip tooltip={<Text color="yellow">{Example.text.medium}</Text>}>
       <Text>Кастомный тултип</Text>
@@ -28,0 +21,0 @@ </Tooltip>

package.json

 {
   "name": "@qlean/york-web",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "",
@@ -25,3 +25,3 @@ "license": "MIT",
   },
-  "gitHead": "ce39822040a5cccd3d2f0b4f3bcfe86582f05237"
+  "gitHead": "351e0223cb11abc37233375a11e9508adfcbfd70"
 }

src/components/index.js

 export * from './inputs'
 export * from './primitive'
 export * from './simple'
-
-export { default as Example } from 'components/Example'

src/components/inputs/TextInput/README.md

 ```js
-import { Example, TextInput } from '@qlean/york-web'
+import { TextInput } from '@qlean/york-web'
 
@@ -4,0 +4,0 @@ const ExampleComponent = () => {

src/components/primitive/Separator/index.js

@@ -38,3 +38,4 @@ import PropTypes from 'prop-types'
 /**
- * Используется для создания отступов между элементами. Ширина и высота разделителя может принимать только значения указанные в core/sizes.
+ * Используется для создания отступов между элементами. Ширина и высота разделителя может принимать
+ * только значения указанные в core/sizes.
  */
@@ -41,0 +42,0 @@ const Separator = styled.div`

src/components/primitive/Separator/README.md

@@ -12,21 +12,8 @@ ```js
 ;<div>
-  <Text preset="header2" htmlTag="h1">
-    Йоркширский терьер
-  </Text>
+  <Text preset="header2">{Example.text.short}</Text>
+  <StyledSeparator height={2} />
+  <Text>{Example.text.medium}</Text>
   <StyledSeparator height={1} />
-  <Text preset="caption" htmlTag="h2" color="grey">
-    Материал из Википедии — свободной энциклопедии
-  </Text>
-  <StyledSeparator height={2} />
-  <Text>
-    Йоркширский терьер, или йорк (англ. yorkshire terrier), — декоративная
-    порода собак, выведенная в Англии, графстве Йоркшир в конце XIX в, на основе
-    таких пород как манчестер-терьер, скайтерьер, мальтезе и др.
-  </Text>
-  <StyledSeparator height={2} />
-  <Text>
-    В настоящее время йоркширский терьер — одна из самых популярных
-    комнатно-декоративных пород собак.
-  </Text>
+  <Text>{Example.text.long}</Text>
 </div>
 ```

src/components/primitive/Text/README.md

 ```js
-import { Example } from '@qlean/york-web'
-
 const presets = [
@@ -46,6 +44,3 @@ {
     <Example.ShowcaseItem key={preset} title={preset} caption={caption}>
-      <Text preset={preset}>
-        Шнауцеры — крепкие, довольно коренастые собаки квадратного формата с
-        чуть наклонной спиной
-      </Text>
+      <Text preset={preset}>{Example.text.medium}</Text>
     </Example.ShowcaseItem>
@@ -52,0 +47,0 @@ ))}

src/components/primitive/View/README.md

 ```js
 import { colors } from '@qlean/york-core'
-import { View, Separator, Example } from '@qlean/york-web'
+import { View, Separator } from '@qlean/york-web'
 ;<View mobileProps={{ flexDirection: 'column' }}>
@@ -5,0 +5,0 @@ <Example.Box />

src/components/simple/Button/README.md

 ```js
 import styled from 'styled-components'
-import { Button, Separator, View, Example, sizes, media } from '@qlean/york-web'
+import { Button, Separator, View, sizes, media } from '@qlean/york-web'
 
@@ -5,0 +5,0 @@ const StyledShowcaseItem = styled(Example.ShowcaseItem)`

src/components/simple/GridColumn/README.md

 ```js
 import styled from 'styled-components'
 import { colors } from '@qlean/york-core'
-import { GridContainer, GridColumn, Example, media } from '@qlean/york-web'
+import { GridContainer, GridColumn, media } from '@qlean/york-web'
 
@@ -6,0 +6,0 @@ const StyledBoxDesktop = styled(Example.Box)`

src/components/simple/GridContainer/README.md

 ```js
 import styled from 'styled-components'
 import { colors } from '@qlean/york-core'
-import { GridContainer, GridColumn, Example } from '@qlean/york-web'
+import { GridContainer, GridColumn } from '@qlean/york-web'
 
@@ -6,0 +6,0 @@ const StyledBox = styled(Example.Box)`

src/components/simple/Tooltip/README.md

 ```js
 import { colors } from '@qlean/york-core'
 import { View, Text, Tooltip, Separator } from '@qlean/york-web'
+
 ;<>
-  <Tooltip tooltip="Йоркширский терьер">
+  <Tooltip tooltip={Example.text.short}>
     <Text>Короткий тултип</Text>
@@ -10,3 +11,3 @@ </Tooltip>
   <View justifyContent="center">
-    <Tooltip tooltip="В настоящее время йоркширский терьер — одна из самых популярных комнатно-декоративных пород собак.">
+    <Tooltip tooltip={Example.text.medium}>
       <Text>Длинный тултип</Text>
@@ -17,11 +18,3 @@ </Tooltip>
   <View justifyContent="flex-end">
-    <Tooltip
-      tooltip={
-        <Text color="yellow">
-          Родиной йоркширского терьера являются графства Йоркшир и Ланкашир в
-          северной Англии. Его возможным предком называют уотерсайдского
-          терьера.
-        </Text>
-      }
-    >
+    <Tooltip tooltip={<Text color="yellow">{Example.text.medium}</Text>}>
       <Text>Кастомный тултип</Text>
@@ -28,0 +21,0 @@ </Tooltip>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

115495

decreased by-11.18%

Number of package files

59

decreased by-3.28%

Lines of code

2073

decreased by-11.82%

No dependency changes