@sima-land/ui-nucleons 45.0.0-alpha.23 → 45.0.0-alpha.25

package/alert/alert.d.ts

@@ -1,6 +1,6 @@
 import { AlertProps } from './types';
 /**
- * Алерт - небольше модальное окно, блокирующее работу с основным интерфейсом до тех пор, пока оно не будет закрыто.
+ * Алерт - небольшое модальное окно, блокирующее работу с основным интерфейсом до тех пор, пока оно не будет закрыто.
  * Обычно используется для подтверждения действия или выбора действия из списка.
  * @param props Свойства.
  * @return Элемент.

package/alert/alert.js

@@ -16,7 +16,7 @@ const bind_1 = __importDefault(require("classnames/bind"));
 const alert_m_scss_1 = __importDefault(require("./alert.m.scss"));
 const cx = bind_1.default.bind(alert_m_scss_1.default);
 /**
- * Алерт - небольше модальное окно, блокирующее работу с основным интерфейсом до тех пор, пока оно не будет закрыто.
+ * Алерт - небольшое модальное окно, блокирующее работу с основным интерфейсом до тех пор, пока оно не будет закрыто.
  * Обычно используется для подтверждения действия или выбора действия из списка.
  * @param props Свойства.
  * @return Элемент.

package/chip/chip.m.scss

@@ -22,6 +22,9 @@
   padding: 0 12px;
   background: var(--chip-background);
   color: var(--chip-color);
+  transition:
+    background 100ms ease-in,
+    color 100ms ease-in;
   &:focus-visible {
     @include utils.focus-visible-style;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sima-land/ui-nucleons",
   "type": "commonjs",
-  "version": "45.0.0-alpha.23",
+  "version": "45.0.0-alpha.25",
   "repository": "ssh://git@github.com:sima-land/ui-nucleons.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",
@@ -73,5 +73,90 @@
     "@sima-land/ui-quarks": "^5.0.0",
     "react": "^17.0 || ^18.0",
     "react-dom": "^17.0 || ^18.0"
+  },
+  "exports": {
+    "./breakpoints.scss": "./breakpoints.scss",
+    "./colors.scss": "./colors.scss",
+    "./gradients.scss": "./gradients.scss",
+    "./shadows.scss": "./shadows.scss",
+    "./utils.scss": "./utils.scss",
+    "./_internal/custom-scrollbar": "./_internal/custom-scrollbar/index.js",
+    "./_internal/lifecycle": "./_internal/lifecycle/index.js",
+    "./_internal/page-scroll-lock": "./_internal/page-scroll-lock/index.js",
+    "./alert": "./alert/index.js",
+    "./arrow-button": "./arrow-button/index.js",
+    "./autocomplete": "./autocomplete/index.js",
+    "./avatar": "./avatar/index.js",
+    "./base-input": "./base-input/index.js",
+    "./bottom-bar": "./bottom-bar/index.js",
+    "./bottom-bar/bottom-bar-util.scss": "./bottom-bar/bottom-bar-util.scss",
+    "./box": "./box/index.js",
+    "./button": "./button/index.js",
+    "./button/button-util.scss": "./button/button-util.scss",
+    "./carousel": "./carousel/index.js",
+    "./checkbox": "./checkbox/index.js",
+    "./chip": "./chip/index.js",
+    "./chip/chip-util.scss": "./chip/chip-util.scss",
+    "./clean-buttons": "./clean-buttons/index.js",
+    "./clean-buttons/clean-buttons-util.scss": "./clean-buttons/clean-buttons-util.scss",
+    "./colors": "./colors/index.js",
+    "./context": "./context/index.js",
+    "./dot-nav": "./dot-nav/index.js",
+    "./dropdown-item": "./dropdown-item/index.js",
+    "./dropdown": "./dropdown/index.js",
+    "./expandable": "./expandable/index.js",
+    "./field-block": "./field-block/index.js",
+    "./file-icon": "./file-icon/index.js",
+    "./gradients": "./gradients/index.js",
+    "./group-overflow": "./group-overflow/index.js",
+    "./helpers": "./helpers/index.js",
+    "./hint": "./hint/index.js",
+    "./hooks": "./hooks/index.js",
+    "./hooks/use-intersection/test-utils": "./hooks/use-intersection/test-utils.js",
+    "./info-text": "./info-text/index.js",
+    "./input": "./input/index.js",
+    "./layout": "./layout/index.js",
+    "./link": "./link/index.js",
+    "./link/link-util.scss": "./link/link-util.scss",
+    "./masked-input": "./masked-input/index.js",
+    "./modal-overlay": "./modal-overlay/index.js",
+    "./modal-overlay/modal-overlay-util.scss": "./modal-overlay/modal-overlay-util.scss",
+    "./modal": "./modal/index.js",
+    "./modal/modal-util.scss": "./modal/modal-util.scss",
+    "./no-index": "./no-index/index.js",
+    "./pagination": "./pagination/index.js",
+    "./panel": "./panel/index.js",
+    "./phone-input": "./phone-input/index.js",
+    "./plate": "./plate/index.js",
+    "./popup": "./popup/index.js",
+    "./portal": "./portal/index.js",
+    "./price": "./price/index.js",
+    "./radio-button": "./radio-button/index.js",
+    "./range": "./range/index.js",
+    "./rating": "./rating/index.js",
+    "./select": "./select/index.js",
+    "./side-page": "./side-page/index.js",
+    "./side-page/side-page-util.scss": "./side-page/side-page-util.scss",
+    "./skeleton": "./skeleton/index.js",
+    "./spinner": "./spinner/index.js",
+    "./stepper": "./stepper/index.js",
+    "./stroked-svg": "./stroked-svg/index.js",
+    "./styling": "./styling/index.js",
+    "./super-ellipse-clip-path": "./super-ellipse-clip-path/index.js",
+    "./switcher-row": "./switcher-row/index.js",
+    "./tabs": "./tabs/index.js",
+    "./test-utils": "./test-utils/index.js",
+    "./text-button": "./text-button/index.js",
+    "./text": "./text/index.js",
+    "./textarea": "./textarea/index.js",
+    "./timer": "./timer/index.js",
+    "./toggle": "./toggle/index.js",
+    "./top-bar": "./top-bar/index.js",
+    "./top-bar/top-bar-util.scss": "./top-bar/top-bar-util.scss",
+    "./touch-slider": "./touch-slider/index.js",
+    "./types": "./types/index.js",
+    "./unknown-content": "./unknown-content/index.js",
+    "./upload-area": "./upload-area/index.js",
+    "./upload-area/upload-area-util.scss": "./upload-area/upload-area-util.scss"
   }
 }

package/{types.js → types/index.js}

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=index.js.map

package/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}

package/_internal/README.md

@@ -1,5 +0,0 @@
-# Внутренние компоненты
-
-Компоненты из этого каталога не должны использоваться за пределами данной библиотеки.
-
-Ломающие изменения содержимого данного каталога не влияют на мажорность релиза.

package/hooks/use-intersection/README.md

@@ -1,55 +0,0 @@
-# useIntersection: утилиты для тестирования
-
-Утилиты для unit-тестирования (Jest) компонентов, использующих хук `useIntersection`
-
-#### Пример компонента
-
-```jsx
-import { useIntersection } from '@sima-land/ui-nucleons/hooks';
-
-function TestComponent() {
-  const ref = useRef(null);
-  const [viewing, setViewing] = useState(false);
-
-  useIntersection(ref, entry => {
-    setViewing(entry.isIntersecting);
-  });
-
-  return (
-    <div ref={ref} data-testid='test-target'>
-      {viewing ? 'On screen' : 'Off screen'}
-    </div>
-  );
-}
-```
-
-#### Пример тестов
-
-```jsx
-import { IntersectionMock } from '@sima-land/ui-nucleons/hooks/use-intersection/test-utils';
-
-const intersectionMock = new IntersectionMock();
-
-beforeAll(() => {
-  intersectionMock.apply();
-});
-
-afterAll(() => {
-  intersectionMock.restore();
-});
-
-it('test component', () => {
-  const { asFragment, getByTestId } = render(<TestComponent />);
-  const target = getByTestId('test-target');
-
-  expect(asFragment().textContent).toContain('Off screen');
-
-  intersectionMock.changeElementState({
-    target,
-    isIntersecting: true,
-    intersectionRatio: 0,
-  });
-
-  expect(asFragment().textContent).toContain('On screen');
-});
-```

package/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}