@arthurzakharov/ui-kit 1.2.4 → 1.2.6

package/dist/main.d.ts

@@ -1,14 +1,14 @@
 export { AccordionTable, type AccordionTableProps } from './components/accordion-table/accordion-table.component';
 export { Animation, type FadeScaleProps, type FadeSlideProps } from './components/animation/animation.component';
 export { BottomBar, type BottomBarProps } from './components/bottom-bar/bottom-bar.component';
-export { Certifications, type CertificationsProps, type CertificationsIcon, } from './components/certifications/certifications.component';
+export { Certifications, type CertificationsProps } from './components/certifications';
 export { Control, type BoxProps, type ButtonProps, type ButtonCardProps, type ButtonRadioProps, type ButtonRadioInfo, type ButtonTextProps, type CardImageProps, type CardTextProps, type CheckboxProps, type ChoiceProps, type DropdownProps, type HiddenInputProps, type InputProps, type LabelProps, type RadioProps, type RadioLabelProps, type RadioLabelChild, type RadioTextProps, type StatusProps, type TextProps, type TextareaProps, type InputChangeSource, type Interactive, type RadioChoice, type ChoiceType, type ChoiceValue, type State, type QuestionPath, type QuestionChoice, type Size, } from './components/control/control.component';
 export { DataProtectedLabel, type DataProtectedLabelProps, } from './components/data-protected-label/data-protected-label.component';
 export { Dialog, type DialogProps, type DialogSize, type DialogPosition } from './components/dialog/dialog.component';
 export { DialogArticle, type DialogArticleProps, type DialogActionButton, } from './components/dialog-article/dialog-article.component';
 export { Expenses, type ExpensesProps } from './components/expenses/expenses.component';
 export { Flex, type FlexProps } from './components/flex/flex.component';
-export { Footer, type FooterProps, type FooterLink } from './components/footer/footer.component';
+export { Footer, type FooterProps } from './components/footer';
 export { FormRow, type FormRowProps } from './components/form-row/form-row.component';
 export { Header, type HeaderProps, type HeaderDescription } from './components/header/header.component';
 export { InfoPanel, type InfoPanelProps } from './components/info-panel/info-panel.component';
@@ -18,9 +18,9 @@ export { Line } from './components/line/line.component';
 export { Loader, type LoaderProps } from './components/loader/loader.component';
 export { LoadingBlock } from './components/loading-block/loading-block.component';
 export { MainAttachment, type MainAttachmentProps } from './components/main-attachment/main-attachment.component';
-export { Message, type MessageProps } from './components/message/message.component';
+export { Message, type MessageProps } from './components/message';
 export { MessageBlock, type MessageBlockProps } from './components/message-block/message-block.component';
-export { NotFound, type NotFoundProps } from './components/not-found/not-found.component';
+export { NotFound, type NotFoundProps } from './components/not-found';
 export { Payment, type PaymentBlockProps, type PaymentGlassProps, type PaymentSidebarProps, type PaymentTextBlocksProps, type PaymentTextBlockItem, } from './components/payment/payment.component';
 export { Sidebar, type SidebarProps } from './components/sidebar/sidebar.component';
 export { Signature, type SignatureProps, type SignatureMode } from './components/signature/signature.component';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.2.4",
+  "version": "1.2.6",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -23,9 +23,10 @@
     "lint:fix": "eslint . --fix",
     "prettier:check": "prettier --check --log-level=log .",
     "prettier:fix": "prettier --write --log-level=log .",
-    "test:once": "vitest run",
-    "test:watch": "vitest --watch",
-    "cy:open": "cypress open"
+    "test:unit:once": "vitest run --project unit",
+    "test:unit:watch": "vitest --project unit --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "peerDependencies": {
     "@types/react-signature-canvas": "^1.0.7",
@@ -39,7 +40,12 @@
     "usehooks-ts": "^3.1.1"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^5.0.1",
     "@eslint/js": "^9.39.2",
+    "@storybook/addon-a11y": "^10.2.8",
+    "@storybook/addon-docs": "^10.2.8",
+    "@storybook/addon-vitest": "^10.2.8",
+    "@storybook/react-vite": "^10.2.8",
     "@testing-library/react": "^15.0.7",
     "@types/node": "^24.1.0",
     "@types/react": "^18.3.27",
@@ -48,21 +54,25 @@
     "@typescript-eslint/eslint-plugin": "^8.52.0",
     "@typescript-eslint/parser": "^8.52.0",
     "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/browser-playwright": "^4.0.16",
+    "@vitest/coverage-v8": "^4.0.18",
     "clsx": "^2.1.1",
-    "cypress": "^15.9.0",
     "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-storybook": "^10.2.8",
     "glob": "^13.0.0",
     "globals": "^17.0.0",
     "jsdom": "^27.4.0",
     "lucide-react": "^0.562.0",
     "motion": "^12.26.1",
+    "playwright": "^1.58.2",
     "prettier": "^3.7.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-input-mask": "^2.0.4",
     "react-signature-canvas": "^1.0.7",
+    "storybook": "^10.2.8",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.52.0",
     "usehooks-ts": "^3.1.1",

package/dist/assets/footer-Dwb-_jI0.css

@@ -1 +0,0 @@
-._Footer_dkhhg_1{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;white-space:nowrap;gap:var(--rm-ui-padding-md)}._FooterCopyright_dkhhg_11{font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}._FooterLinks_dkhhg_18{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--rm-ui-padding-md)}._FooterLink_dkhhg_18{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}._FooterButton_dkhhg_32{font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}._FooterButton_dkhhg_32:focus-visible{outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._FooterSeparator_dkhhg_44{display:none}@media screen and (min-width:768px){._Footer_dkhhg_1{flex-direction:row-reverse;justify-content:space-between}._FooterLinks_dkhhg_18{gap:0}._FooterLink_dkhhg_18:last-of-type ._FooterSeparator_dkhhg_44{display:none}._FooterSeparator_dkhhg_44{display:flex;border-right:1px solid var(--rm-ui-color-text-secondary);margin-right:var(--rm-ui-padding-xs);margin-left:var(--rm-ui-padding-xs);height:16px}}

package/dist/assets/message-xpCz4pZE.css

@@ -1 +0,0 @@
-._Message_1rcng_1{--message-icon-size: 24px;border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-md);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._MessageTypeSuccess_1rcng_15{background-color:var(--rm-ui-message-success-secondary)}._MessageTypeSuccess_1rcng_15 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-success-primary)}._MessageTypeQuestion_1rcng_23{background-color:var(--rm-ui-message-question-secondary)}._MessageTypeQuestion_1rcng_23 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-question-primary)}._MessageTypeError_1rcng_31{background-color:var(--rm-ui-message-error-secondary)}._MessageTypeError_1rcng_31 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-error-primary)}._MessageTypeInfo_1rcng_39{background-color:var(--rm-ui-message-info-secondary)}._MessageTypeInfo_1rcng_39 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-info-primary)}._MessageIcon_1rcng_19{width:var(--message-icon-size);height:var(--message-icon-size)}._MessageContent_1rcng_52{flex-basis:calc(100% - var(--message-icon-size) - var(--rm-ui-padding-xs));display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._MessageTitle_1rcng_62{font-weight:var(--rm-ui-font-weight-medium)}._MessageText_1rcng_66{font-weight:var(--rm-ui-font-weight-regular)}

package/dist/assets/not-found-ampOPJmx.css

@@ -1 +0,0 @@
-._NotFound_1jdy2_1{padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Title_1jdy2_9{margin-bottom:var(--rm-ui-padding-lg);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._Subtitle_1jdy2_16{margin-bottom:var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._TableTitle_1jdy2_23{margin-bottom:var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._Table_1jdy2_23{width:100%;border-spacing:0;border-collapse:collapse;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._TableRow_1jdy2_38{border-top:1px solid var(--rm-ui-grey-300)}._CellHead_1jdy2_42,._CellData_1jdy2_43{padding:var(--rm-ui-padding-xs);vertical-align:top}._CellHead_1jdy2_42{text-align:left;font-weight:var(--rm-ui-font-weight-regular)}._CellData_1jdy2_43{font-weight:var(--rm-ui-font-weight-light)}@media screen and (min-width:1024px){._NotFound_1jdy2_1{padding:var(--rm-ui-padding-md) var(--rm-ui-padding-lg)}}@media screen and (min-width:1200px){._NotFound_1jdy2_1{padding:var(--rm-ui-padding-lg)}._Title_1jdy2_9{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}._Subtitle_1jdy2_16{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._TableTitle_1jdy2_23{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._Table_1jdy2_23{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}}

package/dist/assets/signature-Cd87a2ey.css

@@ -1 +0,0 @@
-._Signature_y46zz_1{background-color:transparent}._SignatureMain_y46zz_5{--title-height: 40px;overflow:hidden;position:relative;padding:calc(var(--rm-ui-padding-md) + var(--title-height)) var(--rm-ui-padding-md) calc(var(--rm-ui-padding-md) + var(--title-height));border:1px solid var(--rm-ui-grey-300);border-radius:var(--rm-ui-border-radius-sm)}._SignatureMainAuto_y46zz_14{padding:calc(var(--rm-ui-padding-md) + var(--title-height)) var(--rm-ui-padding-md) var(--rm-ui-padding-md)}._SignatureMainManual_y46zz_18{padding:calc(var(--rm-ui-padding-md) + var(--title-height)) var(--rm-ui-padding-md) calc(var(--rm-ui-padding-md) + var(--title-height))}._SignatureHeader_y46zz_24{position:absolute;z-index:1;top:var(--rm-ui-padding-md);left:var(--rm-ui-padding-md);right:var(--rm-ui-padding-md)}._SignatureHeaderReset_y46zz_32{position:relative;z-index:1}._SignatureManualPanel_y46zz_39>canvas,._SignatureManualPanel_y46zz_39>img{position:absolute;top:0;left:0}._SignatureManualPanelPlaceholder_y46zz_46{height:104px}._SignatureManualPanelButton_y46zz_50{position:absolute;z-index:1;bottom:var(--rm-ui-padding-md);left:var(--rm-ui-padding-md);right:var(--rm-ui-padding-md);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._SignatureAutoPanelImage_y46zz_65{height:46px;max-width:100%}._SignatureAutoPanelLoader_y46zz_70{display:inline-flex;padding:var(--rm-ui-padding-xs)}._SignatureAutoPanelNoteIcon_y46zz_75{stroke:var(--rm-ui-color-success)}._SignatureAutoPanelButton_y46zz_79{margin-top:20px;margin-bottom:var(--rm-ui-padding-sm)}

package/dist/styles/fonts.css

@@ -1,67 +0,0 @@
-/* Light - 300 */
-@font-face {
-  font-family: Lato;
-  font-style: normal;
-  font-display: swap;
-  font-weight: 300;
-  size-adjust: 100%;
-  src:
-    url('/fonts/lato/light/lato-latin-light-300.woff2') format('woff2'),
-    url('/fonts/lato/light/lato-light-300.woff2') format('woff2'),
-    url('/fonts/lato/light/lato-latin-light-300.woff') format('woff'),
-    url('/fonts/lato/light/lato-light-300.woff') format('woff'),
-    url('/fonts/lato/light/lato-latin-light-300.ttf') format('truetype'),
-    url('/fonts/lato/light/lato-light-300.ttf') format('truetype'),
-    url('/fonts/lato/light/lato-google-light-300.ttf') format('truetype');
-}
-
-/* Regular - 400 */
-@font-face {
-  font-family: Lato;
-  font-style: normal;
-  font-display: swap;
-  font-weight: 400;
-  size-adjust: 100%;
-  src:
-    url('/fonts/lato/regular/lato-latin-regular-400.woff2') format('woff2'),
-    url('/fonts/lato/regular/lato-regular-400.woff2') format('woff2'),
-    url('/fonts/lato/regular/lato-latin-regular-400.woff') format('woff'),
-    url('/fonts/lato/regular/lato-regular-400.woff') format('woff'),
-    url('/fonts/lato/regular/lato-latin-regular-400.ttf') format('truetype'),
-    url('/fonts/lato/regular/lato-regular-400.ttf') format('truetype'),
-    url('/fonts/lato/regular/lato-google-regular-400.ttf') format('truetype');
-}
-
-/* Bold - 700 */
-@font-face {
-  font-family: Lato;
-  font-style: normal;
-  font-display: swap;
-  font-weight: 700;
-  size-adjust: 100%;
-  src:
-    url('/fonts/lato/bold/lato-latin-bold-700.woff2') format('woff2'),
-    url('/fonts/lato/bold/lato-bold-700.woff2') format('woff2'),
-    url('/fonts/lato/bold/lato-latin-bold-700.woff') format('woff'),
-    url('/fonts/lato/bold/lato-bold-700.woff') format('woff'),
-    url('/fonts/lato/bold/lato-latin-bold-700.ttf') format('truetype'),
-    url('/fonts/lato/bold/lato-bold-700.ttf') format('truetype'),
-    url('/fonts/lato/bold/lato-google-bold-700.ttf') format('truetype');
-}
-
-/* Black - 900 */
-@font-face {
-  font-family: Lato;
-  font-style: normal;
-  font-display: swap;
-  font-weight: 900;
-  size-adjust: 100%;
-  src:
-    url('/fonts/lato/black/lato-latin-black-900.woff2') format('woff2'),
-    url('/fonts/lato/black/lato-black-900.woff2') format('woff2'),
-    url('/fonts/lato/black/lato-latin-black-900.woff') format('woff'),
-    url('/fonts/lato/black/lato-black-900.woff') format('woff'),
-    url('/fonts/lato/black/lato-latin-black-900.ttf') format('truetype'),
-    url('/fonts/lato/black/lato-black-900.ttf') format('truetype'),
-    url('/fonts/lato/black/lato-google-black-900.ttf') format('truetype');
-}