@de-kit/st-ui 0.1.15 → 0.1.16

package/dist/components/birthday-picker/birthday-picker.scss

@@ -4,14 +4,14 @@
 
   .birthday-picker__trigger {
     cursor: pointer;
-    padding-right: 44px;
+    padding-right: 45px;
   }
 }
 
 .birthday-picker__icon {
   position: absolute;
   top: 50%;
-  right: 14px;
+  right: var(--space-3);
   transform: translateY(-50%);
   pointer-events: none;
 }

package/dist/components/button/button.scss

@@ -18,7 +18,7 @@
   flex-shrink: 0;
   cursor: pointer;
   transition: none;
-  gap: 5px;
+  gap: var(--space-1);
   text-decoration: none;
 
   &:hover:not(:active, [data-active], :disabled, [aria-disabled='true']) {

package/dist/components/hr/hr.cjs

@@ -0,0 +1,12 @@
+const require_cn = require("../../lib/cn.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+require("./hr.scss");
+// src/components/hr/hr.tsx
+/** Горизонтальный разделитель. Отступы задаёт сам компонент, переопределяются через `className`. */
+const HR = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
+	...props,
+	className: require_cn.cn("hr", className)
+});
+exports.HR = HR;
+
+//# sourceMappingURL=hr.cjs.map

package/dist/components/hr/hr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hr.cjs","names":["cn"],"sources":["../../../src/components/hr/hr.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { cn } from '@/lib/cn';\nimport './hr.scss';\n\nexport interface HRProps extends Omit<\n  HTMLAttributes<HTMLHRElement>,\n  'children'\n> {\n  className?: string;\n}\n\n/** Горизонтальный разделитель. Отступы задаёт сам компонент, переопределяются через `className`. */\nexport const HR = ({ className, ...props }: HRProps) => (\n  <hr {...props} className={cn('hr', className)} />\n);\n"],"mappings":";;;;;AAaA,MAAa,MAAM,EAAE,WAAW,GAAG,YACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;CAAI,GAAI;CAAO,WAAWA,WAAAA,GAAG,MAAM,SAAS;AAAI,CAAA"}

package/dist/components/hr/hr.d.cts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+export interface HRProps extends Omit<HTMLAttributes<HTMLHRElement>, 'children'> {
+  className?: string;
+}
+/** Горизонтальный разделитель. Отступы задаёт сам компонент, переопределяются через `className`. */
+export declare const HR: ({ className, ...props }: HRProps) => import("react").JSX.Element;
+//# sourceMappingURL=hr.d.cts.map

package/dist/components/hr/hr.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+export interface HRProps extends Omit<HTMLAttributes<HTMLHRElement>, 'children'> {
+  className?: string;
+}
+/** Горизонтальный разделитель. Отступы задаёт сам компонент, переопределяются через `className`. */
+export declare const HR: ({ className, ...props }: HRProps) => import("react").JSX.Element;
+//# sourceMappingURL=hr.d.ts.map

package/dist/components/hr/hr.js

@@ -0,0 +1,12 @@
+import { cn } from "../../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import "./hr.scss";
+// src/components/hr/hr.tsx
+/** Горизонтальный разделитель. Отступы задаёт сам компонент, переопределяются через `className`. */
+const HR = ({ className, ...props }) => /* @__PURE__ */ jsx("hr", {
+	...props,
+	className: cn("hr", className)
+});
+export { HR };
+
+//# sourceMappingURL=hr.js.map

package/dist/components/hr/hr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hr.js","names":[],"sources":["../../../src/components/hr/hr.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { cn } from '@/lib/cn';\nimport './hr.scss';\n\nexport interface HRProps extends Omit<\n  HTMLAttributes<HTMLHRElement>,\n  'children'\n> {\n  className?: string;\n}\n\n/** Горизонтальный разделитель. Отступы задаёт сам компонент, переопределяются через `className`. */\nexport const HR = ({ className, ...props }: HRProps) => (\n  <hr {...props} className={cn('hr', className)} />\n);\n"],"mappings":";;;;;AAaA,MAAa,MAAM,EAAE,WAAW,GAAG,YACjC,oBAAC,MAAD;CAAI,GAAI;CAAO,WAAW,GAAG,MAAM,SAAS;AAAI,CAAA"}

package/dist/components/hr/hr.scss

@@ -0,0 +1,8 @@
+.hr {
+  box-sizing: border-box;
+  width: 100%;
+  height: 1px;
+  margin: var(--space-12) 0 var(--space-9);
+  border: none;
+  background-color: var(--color-border);
+}

package/dist/components/hr/index.d.cts

@@ -0,0 +1,2 @@
+import { HR, HRProps } from "./hr.cjs";
+export { HR, type HRProps };

package/dist/components/hr/index.d.ts

@@ -0,0 +1,2 @@
+import { HR, HRProps } from "./hr.js";
+export { HR, type HRProps };

package/dist/index.cjs

@@ -5,6 +5,7 @@ const require_field = require("./components/field/field.cjs");
 const require_form = require("./components/form/form.cjs");
 const require_input = require("./components/input/input.cjs");
 const require_birthday_picker = require("./components/birthday-picker/birthday-picker.cjs");
+const require_hr = require("./components/hr/hr.cjs");
 const require_radio = require("./components/radio/radio.cjs");
 const require_phone_input = require("./components/phone-input/phone-input.cjs");
 const require_spinner = require("./components/spinner/spinner.cjs");
@@ -18,6 +19,7 @@ exports.Form = require_form.Form;
 exports.FormActions = require_form.FormActions;
 exports.FormConsent = require_form.FormConsent;
 exports.FormSubmit = require_form.FormSubmit;
+exports.HR = require_hr.HR;
 exports.Input = require_input.Input;
 exports.PHONE_MASK = require_phone_input.PHONE_MASK;
 exports.PhoneInput = require_phone_input.PhoneInput;

package/dist/index.d.cts

@@ -8,6 +8,8 @@ import { Form, FormActions, FormActionsProps, FormConsent, FormConsentProps, For
 import "./components/form/index.cjs";
 import { BirthdayPicker, BirthdayPickerProps } from "./components/birthday-picker/birthday-picker.cjs";
 import "./components/birthday-picker/index.cjs";
+import { HR, HRProps } from "./components/hr/hr.cjs";
+import "./components/hr/index.cjs";
 import { Input, InputProps, InputSize } from "./components/input/input.cjs";
 import "./components/input/index.cjs";
 import { RadioGroup, RadioGroupProps, RadioInput, RadioInputProps } from "./components/radio/radio.cjs";
@@ -18,4 +20,4 @@ import { Spinner, SpinnerPosition, SpinnerProps } from "./components/spinner/spi
 import "./components/spinner/index.cjs";
 import { TextArea, TextAreaProps, TextAreaSize } from "./components/textarea/textarea.cjs";
 import "./components/textarea/index.cjs";
-export { BirthdayPicker, type BirthdayPickerProps, Button, type ButtonAsChildProps, type ButtonComponentProps, type ButtonProps, type ButtonSize, type ButtonVariant, CheckboxInput, type CheckboxInputProps, Field, type FieldHintPlacement, type FieldProps, Form, FormActions, type FormActionsProps, FormConsent, type FormConsentProps, type FormProps, FormSubmit, Input, type InputProps, type InputSize, PHONE_MASK, PhoneInput, type PhoneInputProps, RadioGroup, type RadioGroupProps, RadioInput, type RadioInputProps, Spinner, type SpinnerPosition, type SpinnerProps, TextArea, type TextAreaProps, type TextAreaSize };
+export { BirthdayPicker, type BirthdayPickerProps, Button, type ButtonAsChildProps, type ButtonComponentProps, type ButtonProps, type ButtonSize, type ButtonVariant, CheckboxInput, type CheckboxInputProps, Field, type FieldHintPlacement, type FieldProps, Form, FormActions, type FormActionsProps, FormConsent, type FormConsentProps, type FormProps, FormSubmit, HR, type HRProps, Input, type InputProps, type InputSize, PHONE_MASK, PhoneInput, type PhoneInputProps, RadioGroup, type RadioGroupProps, RadioInput, type RadioInputProps, Spinner, type SpinnerPosition, type SpinnerProps, TextArea, type TextAreaProps, type TextAreaSize };

package/dist/index.d.ts

@@ -8,6 +8,8 @@ import { Form, FormActions, FormActionsProps, FormConsent, FormConsentProps, For
 import "./components/form/index.js";
 import { BirthdayPicker, BirthdayPickerProps } from "./components/birthday-picker/birthday-picker.js";
 import "./components/birthday-picker/index.js";
+import { HR, HRProps } from "./components/hr/hr.js";
+import "./components/hr/index.js";
 import { Input, InputProps, InputSize } from "./components/input/input.js";
 import "./components/input/index.js";
 import { RadioGroup, RadioGroupProps, RadioInput, RadioInputProps } from "./components/radio/radio.js";
@@ -18,4 +20,4 @@ import { Spinner, SpinnerPosition, SpinnerProps } from "./components/spinner/spi
 import "./components/spinner/index.js";
 import { TextArea, TextAreaProps, TextAreaSize } from "./components/textarea/textarea.js";
 import "./components/textarea/index.js";
-export { BirthdayPicker, type BirthdayPickerProps, Button, type ButtonAsChildProps, type ButtonComponentProps, type ButtonProps, type ButtonSize, type ButtonVariant, CheckboxInput, type CheckboxInputProps, Field, type FieldHintPlacement, type FieldProps, Form, FormActions, type FormActionsProps, FormConsent, type FormConsentProps, type FormProps, FormSubmit, Input, type InputProps, type InputSize, PHONE_MASK, PhoneInput, type PhoneInputProps, RadioGroup, type RadioGroupProps, RadioInput, type RadioInputProps, Spinner, type SpinnerPosition, type SpinnerProps, TextArea, type TextAreaProps, type TextAreaSize };
+export { BirthdayPicker, type BirthdayPickerProps, Button, type ButtonAsChildProps, type ButtonComponentProps, type ButtonProps, type ButtonSize, type ButtonVariant, CheckboxInput, type CheckboxInputProps, Field, type FieldHintPlacement, type FieldProps, Form, FormActions, type FormActionsProps, FormConsent, type FormConsentProps, type FormProps, FormSubmit, HR, type HRProps, Input, type InputProps, type InputSize, PHONE_MASK, PhoneInput, type PhoneInputProps, RadioGroup, type RadioGroupProps, RadioInput, type RadioInputProps, Spinner, type SpinnerPosition, type SpinnerProps, TextArea, type TextAreaProps, type TextAreaSize };

package/dist/index.js

@@ -4,9 +4,10 @@ import { Field } from "./components/field/field.js";
 import { Form, FormActions, FormConsent, FormSubmit } from "./components/form/form.js";
 import { Input } from "./components/input/input.js";
 import { BirthdayPicker } from "./components/birthday-picker/birthday-picker.js";
+import { HR } from "./components/hr/hr.js";
 import { RadioGroup, RadioInput } from "./components/radio/radio.js";
 import { PHONE_MASK, PhoneInput } from "./components/phone-input/phone-input.js";
 import { Spinner } from "./components/spinner/spinner.js";
 import { TextArea } from "./components/textarea/textarea.js";
 import "./styles/vars.scss";
-export { BirthdayPicker, Button, CheckboxInput, Field, Form, FormActions, FormConsent, FormSubmit, Input, PHONE_MASK, PhoneInput, RadioGroup, RadioInput, Spinner, TextArea };
+export { BirthdayPicker, Button, CheckboxInput, Field, Form, FormActions, FormConsent, FormSubmit, HR, Input, PHONE_MASK, PhoneInput, RadioGroup, RadioInput, Spinner, TextArea };

package/dist/styles/global.scss

@@ -4,10 +4,10 @@
 
 :root {
   --window-max-height: 100vh;
-  --wrapper-padding: 20px;
+  --wrapper-padding: var(--space-4);
 
   @include mixins.min-width(md) {
-    --wrapper-padding: 30px;
+    --wrapper-padding: var(--space-6);
   }
 }
 

package/dist/styles/vars.scss

@@ -69,7 +69,18 @@
   --space-2: 10px;
   --space-3: 15px;
   --space-4: 20px;
+  --space-5: 25px;
   --space-6: 30px;
+  --space-7: 35px;
+  --space-8: 40px;
+  --space-9: 45px;
+  --space-10: 50px;
+  --space-11: 55px;
+  --space-12: 60px;
+  --space-13: 65px;
+  --space-14: 70px;
+  --space-15: 75px;
+  --space-16: 80px;
 
   // Фокус. Одна обводка на всю библиотеку: и box-shadow у инпута, и outline у кнопки.
   --focus-ring-width: 1px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@de-kit/st-ui",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "React-компоненты splittest: глобальный SCSS и токены из основного фронтенда",
   "license": "UNLICENSED",
   "repository": {