@cloud-ru/uikit-product-button-predefined 0.7.4 → 0.7.6

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.7.6 (2025-11-13)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-icons@15.1.3](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-dropdown@0.9.23](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-dropdown/CHANGELOG.md)
+* [@cloud-ru/uikit-product-utils@7.0.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.7.5 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.7.4 (2025-11-12)
 
 

package/dist/cjs/components/ButtonDropdown/ButtonDropdown.d.ts

@@ -0,0 +1,6 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { ButtonFunctionProps } from '@snack-uikit/button';
+import { DropdownProps } from '@snack-uikit/dropdown';
+import { DroplistProps } from '@snack-uikit/list';
+export type ButtonDropdownProps = WithLayoutType<Omit<ButtonFunctionProps, 'icon' | 'iconPosition'> & (Omit<DropdownProps, 'children'> | Omit<DroplistProps, 'children' | 'size'>)>;
+export declare function ButtonDropdown({ size, className, open: openProp, onOpenChange: onOpenChangeProp, ...props }: ButtonDropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ButtonDropdown/ButtonDropdown.js

@@ -0,0 +1,32 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonDropdown = ButtonDropdown;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_mobile_dropdown_1 = require("@sbercloud/uikit-product-mobile-dropdown");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const button_1 = require("@snack-uikit/button");
+const hooks_1 = require("../../hooks");
+function isDroplistProps(props) {
+    return 'items' in props;
+}
+function ButtonDropdown(_a) {
+    var { size = 's', className, open: openProp, onOpenChange: onOpenChangeProp } = _a, props = __rest(_a, ["size", "className", "open", "onOpenChange"]);
+    const [open, onOpenChange] = (0, hooks_1.useValueControl)({ value: openProp, onChange: onOpenChangeProp });
+    const Icon = open ? uikit_product_icons_1.ChevronUpSVG : uikit_product_icons_1.ChevronDownSVG;
+    if (isDroplistProps(props)) {
+        return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.AdaptiveDroplist, Object.assign({}, (0, uikit_product_utils_1.excludeSupportProps)(props), { open: open, onOpenChange: onOpenChange, size: size === 'xs' ? 's' : size, layoutType: props.layoutType, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, Object.assign({ size: size }, props, { className: className }, (0, uikit_product_utils_1.extractSupportProps)(props), { icon: (0, jsx_runtime_1.jsx)(Icon, {}) })) })));
+    }
+    return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.AdaptiveDropdown, Object.assign({}, (0, uikit_product_utils_1.excludeSupportProps)(props), { open: open, onOpenChange: onOpenChange, layoutType: props.layoutType, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, Object.assign({ size: size }, props, { className: className }, (0, uikit_product_utils_1.extractSupportProps)(props), { icon: (0, jsx_runtime_1.jsx)(Icon, {}) })) })));
+}

package/dist/cjs/components/ButtonDropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonDropdown';

package/dist/cjs/components/ButtonDropdown/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ButtonDropdown"), exports);

package/dist/cjs/components/ButtonPromo/ButtonPromo.d.ts

@@ -0,0 +1,6 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { CommonButtonProps } from '../../types';
+export type ButtonPromoProps = WithSupportProps<CommonButtonProps>;
+export declare const ButtonPromo: import("react").ForwardRefExoticComponent<{
+    'data-test-id'?: string;
+} & import("react").AriaAttributes & import("../../types").AnchorButtonProps & import("../../types").BaseButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;

package/dist/cjs/components/ButtonPromo/ButtonPromo.js

@@ -0,0 +1,29 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonPromo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const utils_1 = require("../../utils");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+exports.ButtonPromo = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, size = constants_1.SIZE.S, target = constants_1.TARGET.Blank, type = constants_1.HTML_TYPE.Button, appearance = constants_1.APPEARANCE.Tertiary, tabIndex, fullWidth = false } = _a, rest = __rest(_a, ["className", "size", "target", "type", "appearance", "tabIndex", "fullWidth"]);
+    return ((0, jsx_runtime_1.jsx)(helperComponents_1.ButtonPrivate, Object.assign({}, (0, uikit_product_utils_1.extractSupportProps)(rest), (0, utils_1.extractCommonButtonProps)(rest), { className: (0, classnames_1.default)(styles_module_scss_1.default.button, className), iconClassName: styles_module_scss_1.default.icon, labelClassName: styles_module_scss_1.default.label, size: size, fullWidth: fullWidth, target: target, type: type, appearance: appearance, tabIndex: tabIndex, ref: ref })));
+});

package/dist/cjs/components/ButtonPromo/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonPromo';

package/dist/cjs/components/ButtonPromo/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ButtonPromo"), exports);

package/dist/cjs/components/ButtonPromo/styles.module.css

@@ -0,0 +1,293 @@
+.button[data-size=xs] .label{
+  font-family:var(--sans-label-s-font-family, SB Sans Text);
+  font-weight:var(--sans-label-s-font-weight, Semibold);
+  line-height:var(--sans-label-s-line-height, 14px);
+  font-size:var(--sans-label-s-font-size, 11px);
+  letter-spacing:var(--sans-label-s-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-s-paragraph-spacing, 6.05px);
+}
+.button[data-size=xs] .icon{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  width:var(--size-icon-container-s, 24px);
+  height:var(--size-icon-container-s, 24px);
+}
+.button[data-size=xs] .icon svg{
+  max-width:var(--size-icon-container-s, 24px);
+  max-height:var(--size-icon-container-s, 24px);
+}
+.button[data-size=xs][data-variant=label-only]{
+  border-radius:var(--radius-button-xs, 0px);
+  height:var(--size-button-xs, 24px);
+  padding-right:var(--space-button-xs-from-label, 8px);
+  padding-left:var(--space-button-xs-from-label, 8px);
+  min-width:var(--size-button-mininal-width-xs, 0px);
+}
+.button[data-size=xs][data-variant=icon-only]{
+  border-radius:var(--radius-button-xs, 0px);
+  height:var(--size-button-xs, 24px);
+  width:var(--size-button-xs, 24px);
+}
+.button[data-size=xs][data-variant=icon-after]{
+  border-radius:var(--radius-button-xs, 0px);
+  height:var(--size-button-xs, 24px);
+  gap:var(--space-button-xs-gap, 2px);
+  padding-right:var(--space-button-xs-from-icon, 4px);
+  padding-left:var(--space-button-xs-from-label, 8px);
+  min-width:var(--size-button-mininal-width-xs, 0px);
+}
+.button[data-size=s] .label{
+  font-family:var(--sans-label-m-font-family, SB Sans Text);
+  font-weight:var(--sans-label-m-font-weight, Semibold);
+  line-height:var(--sans-label-m-line-height, 16px);
+  font-size:var(--sans-label-m-font-size, 12px);
+  letter-spacing:var(--sans-label-m-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
+}
+.button[data-size=s] .icon{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  width:var(--size-icon-container-s, 24px);
+  height:var(--size-icon-container-s, 24px);
+}
+.button[data-size=s] .icon svg{
+  max-width:var(--size-icon-container-s, 24px);
+  max-height:var(--size-icon-container-s, 24px);
+}
+.button[data-size=s][data-variant=label-only]{
+  border-radius:var(--radius-button-s, 0px);
+  height:var(--size-button-s, 32px);
+  padding-right:var(--space-button-s-from-label, 16px);
+  padding-left:var(--space-button-s-from-label, 16px);
+  min-width:var(--size-button-mininal-width-s, 0px);
+}
+.button[data-size=s][data-variant=icon-only]{
+  border-radius:var(--radius-button-s, 0px);
+  height:var(--size-button-s, 32px);
+  width:var(--size-button-s, 32px);
+}
+.button[data-size=s][data-variant=icon-after]{
+  border-radius:var(--radius-button-s, 0px);
+  height:var(--size-button-s, 32px);
+  gap:var(--space-button-s-gap, 4px);
+  padding-right:var(--space-button-s-from-icon, 8px);
+  padding-left:var(--space-button-s-from-label, 16px);
+  min-width:var(--size-button-mininal-width-s, 0px);
+}
+.button[data-size=m] .label{
+  font-family:var(--sans-label-l-font-family, SB Sans Text);
+  font-weight:var(--sans-label-l-font-weight, Semibold);
+  line-height:var(--sans-label-l-line-height, 20px);
+  font-size:var(--sans-label-l-font-size, 14px);
+  letter-spacing:var(--sans-label-l-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
+}
+.button[data-size=m] .icon{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  width:var(--size-icon-container-s, 24px);
+  height:var(--size-icon-container-s, 24px);
+}
+.button[data-size=m] .icon svg{
+  max-width:var(--size-icon-container-s, 24px);
+  max-height:var(--size-icon-container-s, 24px);
+}
+.button[data-size=m][data-variant=label-only]{
+  border-radius:var(--radius-button-m, 0px);
+  height:var(--size-button-m, 40px);
+  padding-right:var(--space-button-m-from-label, 24px);
+  padding-left:var(--space-button-m-from-label, 24px);
+  min-width:var(--size-button-mininal-width-m, 0px);
+}
+.button[data-size=m][data-variant=icon-only]{
+  border-radius:var(--radius-button-m, 0px);
+  height:var(--size-button-m, 40px);
+  width:var(--size-button-m, 40px);
+}
+.button[data-size=m][data-variant=icon-after]{
+  border-radius:var(--radius-button-m, 0px);
+  height:var(--size-button-m, 40px);
+  gap:var(--space-button-m-gap, 4px);
+  padding-right:var(--space-button-m-from-icon, 16px);
+  padding-left:var(--space-button-m-from-label, 24px);
+  min-width:var(--size-button-mininal-width-m, 0px);
+}
+.button[data-size=l] .label{
+  font-family:var(--sans-label-l-font-family, SB Sans Text);
+  font-weight:var(--sans-label-l-font-weight, Semibold);
+  line-height:var(--sans-label-l-line-height, 20px);
+  font-size:var(--sans-label-l-font-size, 14px);
+  letter-spacing:var(--sans-label-l-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
+}
+.button[data-size=l] .icon{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  width:var(--size-icon-container-s, 24px);
+  height:var(--size-icon-container-s, 24px);
+}
+.button[data-size=l] .icon svg{
+  max-width:var(--size-icon-container-s, 24px);
+  max-height:var(--size-icon-container-s, 24px);
+}
+.button[data-size=l][data-variant=label-only]{
+  border-radius:var(--radius-button-l, 0px);
+  height:var(--size-button-l, 48px);
+  padding-right:var(--space-button-l-from-label, 32px);
+  padding-left:var(--space-button-l-from-label, 32px);
+  min-width:var(--size-button-mininal-width-l, 0px);
+}
+.button[data-size=l][data-variant=icon-only]{
+  border-radius:var(--radius-button-l, 0px);
+  height:var(--size-button-l, 48px);
+  width:var(--size-button-l, 48px);
+}
+.button[data-size=l][data-variant=icon-after]{
+  border-radius:var(--radius-button-l, 0px);
+  height:var(--size-button-l, 48px);
+  gap:var(--space-button-l-gap, 4px);
+  padding-right:var(--space-button-l-from-icon, 24px);
+  padding-left:var(--space-button-l-from-label, 32px);
+  min-width:var(--size-button-mininal-width-l, 0px);
+}
+.button[data-loading][data-variant=label-only] .icon{
+  position:absolute;
+  top:50%;
+  left:50%;
+  transform:translate(-50%, -50%);
+}
+.button[data-loading][data-variant=label-only] .label{
+  opacity:var(--opacity-a0, 0);
+}
+.button[data-appearance=fluorescent-yellow]{
+  background-color:var(--sys-fluorescent-yellow-accent-default, #cff500);
+}
+.button[data-appearance=fluorescent-yellow] .label{
+  color:var(--sys-fluorescent-yellow-on-accent, #2e3807);
+}
+.button[data-appearance=fluorescent-yellow] .icon{
+  color:var(--sys-fluorescent-yellow-on-accent, #2e3807);
+}
+@media (hover: hover){
+  .button[data-appearance=fluorescent-yellow]:hover{
+    background-color:var(--sys-fluorescent-yellow-accent-hovered, #abcb0f);
+  }
+  .button[data-appearance=fluorescent-yellow]:hover .label{
+    color:var(--sys-fluorescent-yellow-on-accent, #2e3807);
+  }
+  .button[data-appearance=fluorescent-yellow]:hover .icon{
+    color:var(--sys-fluorescent-yellow-on-accent, #2e3807);
+  }
+}
+@media (hover: none) or (hover: hover){
+  .button[data-appearance=fluorescent-yellow]:focus-visible{
+    background-color:var(--sys-fluorescent-yellow-accent-hovered, #abcb0f);
+  }
+  .button[data-appearance=fluorescent-yellow]:focus-visible .label{
+    color:var(--sys-fluorescent-yellow-on-accent, #2e3807);
+  }
+  .button[data-appearance=fluorescent-yellow]:focus-visible .icon{
+    color:var(--sys-fluorescent-yellow-on-accent, #2e3807);
+  }
+  .button[data-appearance=fluorescent-yellow]:active{
+    background-color:var(--sys-fluorescent-yellow-accent-pressed, #859c2d);
+  }
+  .button[data-appearance=fluorescent-yellow]:active .label{
+    color:var(--sys-fluorescent-yellow-on-accent, #2e3807);
+  }
+  .button[data-appearance=fluorescent-yellow]:active .icon{
+    color:var(--sys-fluorescent-yellow-on-accent, #2e3807);
+  }
+  .button[data-appearance=fluorescent-yellow][data-loading]{
+    background-color:var(--sys-fluorescent-yellow-accent-pressed, #859c2d);
+  }
+  .button[data-appearance=fluorescent-yellow][data-loading] .label{
+    color:var(--sys-fluorescent-yellow-on-accent, #2e3807);
+  }
+  .button[data-appearance=fluorescent-yellow][data-loading] .icon{
+    color:var(--sys-fluorescent-yellow-on-accent, #2e3807);
+  }
+  .button[data-appearance=fluorescent-yellow]:disabled, .button[data-appearance=fluorescent-yellow][data-disabled]{
+    background-color:var(--sys-neutral-decor-disabled, #e6e8ef);
+  }
+  .button[data-appearance=fluorescent-yellow]:disabled .label, .button[data-appearance=fluorescent-yellow][data-disabled] .label{
+    color:var(--sys-neutral-text-light, #8b8e9b);
+  }
+  .button[data-appearance=fluorescent-yellow]:disabled .icon, .button[data-appearance=fluorescent-yellow][data-disabled] .icon{
+    color:var(--sys-neutral-text-light, #8b8e9b);
+  }
+}
+.button[data-appearance=graphite]{
+  background-color:var(--sys-graphite-accent-default, #222222);
+}
+.button[data-appearance=graphite] .label{
+  color:var(--sys-graphite-on-accent, #ffffff);
+}
+.button[data-appearance=graphite] .icon{
+  color:var(--sys-graphite-on-accent, #ffffff);
+}
+@media (hover: hover){
+  .button[data-appearance=graphite]:hover{
+    background-color:var(--sys-graphite-accent-hovered, #383838);
+  }
+  .button[data-appearance=graphite]:hover .label{
+    color:var(--sys-graphite-on-accent, #ffffff);
+  }
+  .button[data-appearance=graphite]:hover .icon{
+    color:var(--sys-graphite-on-accent, #ffffff);
+  }
+}
+@media (hover: none) or (hover: hover){
+  .button[data-appearance=graphite]:focus-visible{
+    background-color:var(--sys-graphite-accent-hovered, #383838);
+  }
+  .button[data-appearance=graphite]:focus-visible .label{
+    color:var(--sys-graphite-on-accent, #ffffff);
+  }
+  .button[data-appearance=graphite]:focus-visible .icon{
+    color:var(--sys-graphite-on-accent, #ffffff);
+  }
+  .button[data-appearance=graphite]:active{
+    background-color:var(--sys-graphite-accent-pressed, #4e4e4e);
+  }
+  .button[data-appearance=graphite]:active .label{
+    color:var(--sys-graphite-on-accent, #ffffff);
+  }
+  .button[data-appearance=graphite]:active .icon{
+    color:var(--sys-graphite-on-accent, #ffffff);
+  }
+  .button[data-appearance=graphite][data-loading]{
+    background-color:var(--sys-graphite-accent-pressed, #4e4e4e);
+  }
+  .button[data-appearance=graphite][data-loading] .label{
+    color:var(--sys-graphite-on-accent, #ffffff);
+  }
+  .button[data-appearance=graphite][data-loading] .icon{
+    color:var(--sys-graphite-on-accent, #ffffff);
+  }
+  .button[data-appearance=graphite]:disabled, .button[data-appearance=graphite][data-disabled]{
+    background-color:var(--sys-neutral-decor-disabled, #e6e8ef);
+  }
+  .button[data-appearance=graphite]:disabled .label, .button[data-appearance=graphite][data-disabled] .label{
+    color:var(--sys-neutral-text-light, #8b8e9b);
+  }
+  .button[data-appearance=graphite]:disabled .icon, .button[data-appearance=graphite][data-disabled] .icon{
+    color:var(--sys-neutral-text-light, #8b8e9b);
+  }
+}
+.button[data-appearance=fluorescent-yellow]:focus-visible{
+  outline-color:var(--sys-available-complementary, #15151b);
+}
+.button[data-appearance=graphite]:focus-visible{
+  outline-color:var(--sys-available-complementary, #15151b);
+}
+.button:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  outline-offset:var(--spacing-state-focus-offset, 2px);
+}

package/dist/cjs/components/ButtonPromoOutline/ButtonPromoOutline.d.ts

@@ -0,0 +1,6 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { CommonButtonProps } from '../../types';
+export type ButtonPromoOutlineProps = WithSupportProps<Omit<CommonButtonProps, 'iconPosition'>>;
+export declare const ButtonPromoOutline: import("react").ForwardRefExoticComponent<{
+    'data-test-id'?: string;
+} & import("react").AriaAttributes & Omit<CommonButtonProps, "iconPosition"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;

package/dist/cjs/components/ButtonPromoOutline/ButtonPromoOutline.js

@@ -0,0 +1,29 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonPromoOutline = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const utils_1 = require("../../utils");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+exports.ButtonPromoOutline = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, size = constants_1.SIZE.S, target = constants_1.TARGET.Blank, type = constants_1.HTML_TYPE.Button, appearance = constants_1.APPEARANCE.Tertiary, fullWidth = false, tabIndex } = _a, rest = __rest(_a, ["className", "size", "target", "type", "appearance", "fullWidth", "tabIndex"]);
+    return ((0, jsx_runtime_1.jsx)(helperComponents_1.ButtonPrivate, Object.assign({}, (0, uikit_product_utils_1.extractSupportProps)(rest), (0, utils_1.extractCommonButtonProps)(rest), { className: (0, classnames_1.default)(styles_module_scss_1.default.button, className), iconClassName: styles_module_scss_1.default.icon, labelClassName: styles_module_scss_1.default.label, size: size, fullWidth: fullWidth, target: target, type: type, appearance: appearance, tabIndex: tabIndex, ref: ref })));
+});

package/dist/cjs/components/ButtonPromoOutline/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonPromoOutline';

package/dist/cjs/components/ButtonPromoOutline/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ButtonPromoOutline"), exports);