@consta/uikit 5.12.0 → 5.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/FieldComponents/index.d.ts +1 -0
- package/FieldComponents/index.js +1 -0
- package/__internal__/src/components/Badge/Badge.css +1 -1
- package/__internal__/src/components/Badge/Badge.d.ts +2 -31
- package/__internal__/src/components/Badge/Badge.js +1 -1
- package/__internal__/src/components/Badge/Badge.js.map +1 -1
- package/__internal__/src/components/Badge/cn.d.ts +1 -0
- package/__internal__/src/components/Badge/cn.js +2 -0
- package/__internal__/src/components/Badge/cn.js.map +1 -0
- package/__internal__/src/components/Badge/guardStatus.d.ts +2 -0
- package/__internal__/src/components/Badge/guardStatus.js +2 -0
- package/__internal__/src/components/Badge/guardStatus.js.map +1 -0
- package/__internal__/src/components/Badge/index.d.ts +2 -0
- package/__internal__/src/components/Badge/index.js +1 -1
- package/__internal__/src/components/Badge/index.js.map +1 -1
- package/__internal__/src/components/Badge/maps.d.ts +9 -0
- package/__internal__/src/components/Badge/maps.js +2 -0
- package/__internal__/src/components/Badge/maps.js.map +1 -0
- package/__internal__/src/components/Badge/types.d.ts +31 -0
- package/__internal__/src/components/Badge/types.js +2 -0
- package/__internal__/src/components/Badge/types.js.map +1 -0
- package/__internal__/src/components/BadgeGroup/BadgeGroup.js +1 -1
- package/__internal__/src/components/BadgeGroup/BadgeGroup.js.map +1 -1
- package/__internal__/src/components/BadgeGroup/types.d.ts +4 -1
- package/__internal__/src/components/BadgeGroup/types.js.map +1 -1
- package/__internal__/src/components/Chips/types.d.ts +8 -2
- package/__internal__/src/components/Chips/types.js.map +1 -1
- package/__internal__/src/components/FieldComponents/FieldComponents.d.ts +15 -0
- package/__internal__/src/components/FieldComponents/FieldComponents.js +2 -0
- package/__internal__/src/components/FieldComponents/FieldComponents.js.map +1 -0
- package/__internal__/src/components/FieldComponents/index.d.ts +1 -15
- package/__internal__/src/components/FieldComponents/index.js +1 -1
- package/__internal__/src/components/FieldComponents/index.js.map +1 -1
- package/__internal__/src/components/Informer/Informer.css +1 -1
- package/__internal__/src/components/Informer/Informer.d.ts +2 -2
- package/__internal__/src/components/Informer/Informer.js +1 -1
- package/__internal__/src/components/Informer/Informer.js.map +1 -1
- package/__internal__/src/components/Popover/Popover.d.ts +2 -1
- package/__internal__/src/components/Popover/Popover.js +1 -1
- package/__internal__/src/components/Popover/Popover.js.map +1 -1
- package/__internal__/src/components/ProgressStepBar/helpers.d.ts +1 -1
- package/__internal__/src/components/SnackBar/SnackBar.js +1 -1
- package/__internal__/src/components/SnackBar/SnackBar.js.map +1 -1
- package/__internal__/src/components/SnackBar/SnackBarActionButton/SnackBarActionButton.js +1 -1
- package/__internal__/src/components/SnackBar/SnackBarActionButton/SnackBarActionButton.js.map +1 -1
- package/__internal__/src/components/SnackBar/SnackBarActionButton/index.d.ts +1 -0
- package/__internal__/src/components/SnackBar/SnackBarActionButton/index.js +2 -0
- package/__internal__/src/components/SnackBar/SnackBarActionButton/index.js.map +1 -0
- package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.css +1 -1
- package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.d.ts +0 -1
- package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.js +1 -1
- package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.js.map +1 -1
- package/__internal__/src/components/SnackBar/SnackBarItem/index.d.ts +1 -0
- package/__internal__/src/components/SnackBar/SnackBarItem/index.js +2 -0
- package/__internal__/src/components/SnackBar/SnackBarItem/index.js.map +1 -0
- package/__internal__/src/components/SnackBar/SnackBarLine/index.d.ts +1 -0
- package/__internal__/src/components/SnackBar/SnackBarLine/index.js +2 -0
- package/__internal__/src/components/SnackBar/SnackBarLine/index.js.map +1 -0
- package/__internal__/src/components/SnackBar/SnackBarProgress/SnackBarProgress.css +1 -0
- package/__internal__/src/components/SnackBar/SnackBarProgress/SnackBarProgress.d.ts +4 -0
- package/__internal__/src/components/SnackBar/SnackBarProgress/SnackBarProgress.js +2 -0
- package/__internal__/src/components/SnackBar/SnackBarProgress/SnackBarProgress.js.map +1 -0
- package/__internal__/src/components/SnackBar/SnackBarProgress/index.d.ts +1 -0
- package/__internal__/src/components/SnackBar/SnackBarProgress/index.js +2 -0
- package/__internal__/src/components/SnackBar/SnackBarProgress/index.js.map +1 -0
- package/__internal__/src/components/SnackBar/SnackBarTimer/SnackBarTimer.js +1 -1
- package/__internal__/src/components/SnackBar/SnackBarTimer/SnackBarTimer.js.map +1 -1
- package/__internal__/src/components/SnackBar/SnackBarTimer/index.d.ts +1 -0
- package/__internal__/src/components/SnackBar/SnackBarTimer/index.js +2 -0
- package/__internal__/src/components/SnackBar/SnackBarTimer/index.js.map +1 -0
- package/__internal__/src/components/SnackBar/helper.d.ts +4 -1
- package/__internal__/src/components/SnackBar/helper.js +1 -1
- package/__internal__/src/components/SnackBar/helper.js.map +1 -1
- package/__internal__/src/components/SnackBar/types.d.ts +15 -0
- package/__internal__/src/components/SnackBar/types.js +1 -1
- package/__internal__/src/components/SnackBar/types.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../__internal__/src/components/FieldComponents";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../__internal__/src/components/FieldComponents";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Badge{align-items:center;box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);
|
|
1
|
+
.Badge{align-items:center;box-sizing:border-box;color:var(--badge-text-color);display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);padding:0 var(--badge-horisontal-padding);text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_view_filled{background:var(--badge-bg-color)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color)}.Badge_view_tinted{background:color-mix(in srgb,var(--badge-bg-color) var(--badge-degree-mixing),var(--color-bg-default))}.Badge_counter{justify-content:center;padding:0;text-align:center;width:var(--badge-size)}.Badge_minified{background:transparent;border:var(--badge-minified-border-size) solid transparent;border-radius:99em;box-shadow:inset 0 0 0 var(--badge-size) var(--badge-bg-color);width:var(--badge-size)}.Badge-Icon{flex:1}
|
|
@@ -1,32 +1,3 @@
|
|
|
1
1
|
import './Badge.css';
|
|
2
|
-
import {
|
|
3
|
-
export declare const
|
|
4
|
-
export declare type BadgePropSize = typeof badgePropSize[number];
|
|
5
|
-
export declare const badgePropSizeDefault: BadgePropSize;
|
|
6
|
-
export declare const badgePropView: readonly ["filled", "stroked"];
|
|
7
|
-
export declare type BadgePropView = typeof badgePropView[number];
|
|
8
|
-
export declare const badgePropViewDefault: BadgePropView;
|
|
9
|
-
export declare const badgePropStatus: readonly ["normal", "success", "error", "warning", "system"];
|
|
10
|
-
export declare type BadgePropStatus = typeof badgePropStatus[number];
|
|
11
|
-
export declare const badgePropStatusDefault: BadgePropStatus;
|
|
12
|
-
export declare const badgePropForm: readonly ["default", "round"];
|
|
13
|
-
export declare type BadgePropForm = typeof badgePropForm[number];
|
|
14
|
-
export declare const badgePropFormDefault: BadgePropForm;
|
|
15
|
-
declare type Props = {
|
|
16
|
-
size?: BadgePropSize;
|
|
17
|
-
view?: BadgePropView;
|
|
18
|
-
status?: BadgePropStatus;
|
|
19
|
-
form?: BadgePropForm;
|
|
20
|
-
minified?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* @deprecated since version 4.17.2 iconLeft
|
|
23
|
-
*/
|
|
24
|
-
icon?: IconComponent;
|
|
25
|
-
iconLeft?: IconComponent;
|
|
26
|
-
iconRight?: IconComponent;
|
|
27
|
-
label?: string;
|
|
28
|
-
children?: never;
|
|
29
|
-
};
|
|
30
|
-
export declare const cnBadge: import("@bem-react/classname").ClassNameFormatter;
|
|
31
|
-
export declare const Badge: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
|
|
32
|
-
export {};
|
|
2
|
+
import { BadgeProps } from './types';
|
|
3
|
+
export declare const Badge: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<BadgeProps, "div">;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","view","status","form","icon","iconLeft","iconRight","minified","label","as","title"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Badge.css";import{classnames}from"@bem-react/classnames";import React from"react";import{
|
|
1
|
+
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","view","status","form","icon","iconLeft","iconRight","minified","label","as","title","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Badge.css";import{classnames}from"@bem-react/classnames";import React from"react";import{useTheme}from"../Theme";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{cnBadge}from"./cn";import{guardStatus}from"./guardStatus";import{getBgColor,getBorderColor,getDegreeMixing,getHorisontalPadding,getMinifiedBorderSize,getSize,getTextColor,getTextSize}from"./maps";import{badgePropFormDefault,badgePropSizeDefault,badgePropStatusDefault,badgePropViewDefault}from"./types";var renderIcon=function(a){return a?React.createElement(a,{size:"xs",className:cnBadge("Icon")}):null};export var Badge=forwardRefWithAs(function(a,b){var c=a.size,d=void 0===c?badgePropSizeDefault:c,e=a.view,f=void 0===e?badgePropViewDefault:e,g=a.status,h=void 0===g?badgePropStatusDefault:g,i=a.form,j=void 0===i?badgePropFormDefault:i,k=a.icon,l=a.iconLeft,m=a.iconRight,n=a.minified,o=void 0!==n&&n,p=a.label,q=a.as,r=void 0===q?"div":q,s=a.title,t=a.style,u=_objectWithoutProperties(a,_excluded),v=guardStatus(h),w=useTheme(),x=w.themeClassNames,y="system"!==v&&"disabled"!==v&&"filled"===f?classnames(a.className,x.color.accent):a.className,z=null!==l&&void 0!==l?l:k,A=1===[k,l,m,p].filter(Boolean).length&&1>=((null===p||void 0===p?void 0:p.length)||0);return React.createElement(r,Object.assign({},u,{className:cnBadge(_objectSpread({minified:o},!o&&{view:f,form:j,counter:A}),[y]),ref:b,title:s||o&&p,style:_objectSpread(_objectSpread({},t),{},{"--badge-bg-color":getBgColor(v),"--badge-border-color":getBorderColor(v,f),"--badge-horisontal-padding":getHorisontalPadding(d,j,o),"--badge-minified-border-size":getMinifiedBorderSize(d,o),"--badge-size":getSize(d,o),"--badge-text-color":getTextColor(v,f),"--badge-text-size":getTextSize(d),"--badge-degree-mixing":getDegreeMixing(v,f)})}),!o&&React.createElement(React.Fragment,null,renderIcon(z),p,renderIcon(m)))});
|
|
2
2
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","names":["classnames","React","
|
|
1
|
+
{"version":3,"file":"Badge.js","names":["classnames","React","useTheme","forwardRefWithAs","cnBadge","guardStatus","getBgColor","getBorderColor","getDegreeMixing","getHorisontalPadding","getMinifiedBorderSize","getSize","getTextColor","getTextSize","badgePropFormDefault","badgePropSizeDefault","badgePropStatusDefault","badgePropViewDefault","renderIcon","Icon","Badge","props","ref","size","view","status","statusProp","form","icon","iconLeft","IconRight","iconRight","minified","label","as","title","style","otherProps","themeClassNames","className","color","accent","IconLeft","counter","filter","Boolean","length"],"sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import './Badge.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { useTheme } from '##/components/Theme';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { cnBadge } from './cn';\nimport { guardStatus } from './guardStatus';\nimport {\n getBgColor,\n getBorderColor,\n getDegreeMixing,\n getHorisontalPadding,\n getMinifiedBorderSize,\n getSize,\n getTextColor,\n getTextSize,\n} from './maps';\nimport {\n badgePropFormDefault,\n BadgeProps,\n badgePropSizeDefault,\n badgePropStatusDefault,\n badgePropViewDefault,\n} from './types';\n\nconst renderIcon = (Icon: IconComponent | undefined) =>\n Icon ? <Icon size=\"xs\" className={cnBadge('Icon')} /> : null;\n\nexport const Badge = forwardRefWithAs<BadgeProps>((props, ref) => {\n const {\n size = badgePropSizeDefault,\n view = badgePropViewDefault,\n status: statusProp = badgePropStatusDefault,\n form = badgePropFormDefault,\n icon,\n iconLeft,\n iconRight: IconRight,\n minified = false,\n label,\n as = 'div',\n title,\n style,\n ...otherProps\n } = props;\n\n const status = guardStatus(statusProp);\n const Tag = as as string;\n const { themeClassNames } = useTheme();\n\n const className =\n status !== 'system' && status !== 'disabled' && view === 'filled'\n ? classnames(props.className, themeClassNames.color.accent)\n : props.className;\n const IconLeft = iconLeft ?? icon;\n const counter =\n [icon, iconLeft, IconRight, label].filter(Boolean).length === 1 &&\n (label?.length || 0) <= 1;\n\n return (\n <Tag\n {...otherProps}\n className={cnBadge(\n {\n minified,\n ...(!minified && {\n view,\n form,\n counter,\n }),\n },\n [className],\n )}\n ref={ref}\n title={title || (minified && label)}\n style={{\n ...style,\n '--badge-bg-color': getBgColor(status),\n '--badge-border-color': getBorderColor(status, view),\n '--badge-horisontal-padding': getHorisontalPadding(\n size,\n form,\n minified,\n ),\n '--badge-minified-border-size': getMinifiedBorderSize(size, minified),\n '--badge-size': getSize(size, minified),\n '--badge-text-color': getTextColor(status, view),\n '--badge-text-size': getTextSize(size),\n '--badge-degree-mixing': getDegreeMixing(status, view),\n }}\n >\n {!minified && (\n <>\n {renderIcon(IconLeft)}\n {label}\n {renderIcon(IconRight)}\n </>\n )}\n </Tag>\n );\n});\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const cnBadge: import("@bem-react/classname").ClassNameFormatter;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cn.js","names":["cn","cnBadge"],"sources":["../../../../../src/components/Badge/cn.ts"],"sourcesContent":["import { cn } from '##/utils/bem';\n\nexport const cnBadge = cn('Badge');\n"],"mappings":"AAAA,OAASA,EAAT,uBAEA,MAAO,IAAMC,QAAO,CAAGD,EAAE,CAAC,OAAD,CAAlB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"guardStatus.js","names":["guardStatus","status"],"sources":["../../../../../src/components/Badge/guardStatus.ts"],"sourcesContent":["import { BadgePropStatus } from './types';\n\nexport const guardStatus = (status: BadgePropStatus): BadgePropStatus =>\n status === 'error' ? 'alert' : status;\n"],"mappings":"AAEA,MAAO,IAAMA,YAAW,CAAG,SAACC,CAAD,QACd,OAAX,GAAAA,CAAM,CAAe,OAAf,CAAyBA,CADN,CAApB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"./Badge";
|
|
1
|
+
export*from"./Badge";export*from"./types";export*from"./cn";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Badge/index.ts"],"sourcesContent":["export * from './Badge';\n"],"mappings":"AAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Badge/index.ts"],"sourcesContent":["export * from './Badge';\nexport * from './types';\nexport * from './cn';\n"],"mappings":"AAAA,qBACA,qBACA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from './types';
|
|
2
|
+
export declare const getHorisontalPadding: (size: BadgePropSize, form: BadgePropForm, minified: boolean) => string | undefined;
|
|
3
|
+
export declare const getSize: (size: BadgePropSize, minified: boolean) => string;
|
|
4
|
+
export declare const getTextSize: (size: BadgePropSize) => string;
|
|
5
|
+
export declare const getMinifiedBorderSize: (size: BadgePropSize, minified: boolean) => string | undefined;
|
|
6
|
+
export declare const getBgColor: (status: BadgePropStatus) => string;
|
|
7
|
+
export declare const getTextColor: (status: BadgePropStatus, view: BadgePropView) => string;
|
|
8
|
+
export declare const getBorderColor: (status: BadgePropStatus, view: BadgePropView) => string | undefined;
|
|
9
|
+
export declare const getDegreeMixing: (status: BadgePropStatus, view: BadgePropView) => "30%" | "100%" | "10%" | undefined;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var horisontalPaddingRoundMap={xs:"xs",s:"xs",m:"s",l:"s"},horisontalPaddingDefaultMap={xs:"2xs",s:"2xs",m:"xs",l:"xs"};export var getHorisontalPadding=function(a,b,c){return c?void 0:"default"===b?"var(--space-".concat(horisontalPaddingDefaultMap[a],")"):"var(--space-".concat(horisontalPaddingRoundMap[a],")")};var sizeMap={xs:"m",s:"l",m:"xl",l:"2xl"},sizeMinifiedMap={xs:10,s:16,m:24,l:32};export var getSize=function(a,b){return b?"".concat(sizeMinifiedMap[a],"px"):"var(--space-".concat(sizeMap[a],")")};var textSizeMap={xs:"calc(var(--size-text-m) / 2)",s:"var(--size-text-2xs)",m:"var(--size-text-xs)",l:"var(--badge-text-size)"};export var getTextSize=function(a){return textSizeMap[a]};var minifiedBorderSizeMap={xs:2,s:3,m:4,l:5};export var getMinifiedBorderSize=function(a,b){return b?"".concat(minifiedBorderSizeMap[a],"px"):void 0};export var getBgColor=function(a){return"disabled"===a?"var(--color-control-bg-disable)":"var(--color-bg-".concat(a,")")};export var getTextColor=function(a,b){return"disabled"===a?"var(--color-control-typo-disable)":"system"===a?"var(--color-typo-secondary)":"filled"===b?"var(--color-typo-primary)":"var(--color-typo-".concat(a,")")};export var getBorderColor=function(a,b){return"stroked"===b&&"disabled"===a?"var(--color-control-bg-border-disable)":"stroked"===b?"var(--color-bg-".concat(a,")"):void 0};export var getDegreeMixing=function(a,b){return"tinted"===b&&"system"===a?"30%":"tinted"===b&&"disabled"===a?"100%":"tinted"===b?"10%":void 0};
|
|
2
|
+
//# sourceMappingURL=maps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"maps.js","names":["horisontalPaddingRoundMap","xs","s","m","l","horisontalPaddingDefaultMap","getHorisontalPadding","size","form","minified","sizeMap","sizeMinifiedMap","getSize","textSizeMap","getTextSize","minifiedBorderSizeMap","getMinifiedBorderSize","getBgColor","status","getTextColor","view","getBorderColor","getDegreeMixing"],"sources":["../../../../../src/components/Badge/maps.ts"],"sourcesContent":["import { Space } from '##/mixs/MixSpace';\n\nimport {\n BadgePropForm,\n BadgePropSize,\n BadgePropStatus,\n BadgePropView,\n} from './types';\n\nconst horisontalPaddingRoundMap: Record<BadgePropSize, Space> = {\n xs: 'xs',\n s: 'xs',\n m: 's',\n l: 's',\n};\n\nconst horisontalPaddingDefaultMap: Record<BadgePropSize, Space> = {\n xs: '2xs',\n s: '2xs',\n m: 'xs',\n l: 'xs',\n};\n\nexport const getHorisontalPadding = (\n size: BadgePropSize,\n form: BadgePropForm,\n minified: boolean,\n) => {\n if (minified) {\n return undefined;\n }\n if (form === 'default') {\n return `var(--space-${horisontalPaddingDefaultMap[size]})`;\n }\n return `var(--space-${horisontalPaddingRoundMap[size]})`;\n};\n\nconst sizeMap: Record<BadgePropSize, Space> = {\n xs: 'm',\n s: 'l',\n m: 'xl',\n l: '2xl',\n};\n\nconst sizeMinifiedMap: Record<BadgePropSize, number> = {\n xs: 10,\n s: 16,\n m: 24,\n l: 32,\n};\n\nexport const getSize = (size: BadgePropSize, minified: boolean) => {\n if (minified) {\n return `${sizeMinifiedMap[size]}px`;\n }\n\n return `var(--space-${sizeMap[size]})`;\n};\n\nconst textSizeMap: Record<BadgePropSize, string> = {\n xs: 'calc(var(--size-text-m) / 2)',\n s: 'var(--size-text-2xs)',\n m: 'var(--size-text-xs)',\n l: 'var(--badge-text-size)',\n};\n\nexport const getTextSize = (size: BadgePropSize) => textSizeMap[size];\n\nconst minifiedBorderSizeMap: Record<BadgePropSize, number> = {\n xs: 2,\n s: 3,\n m: 4,\n l: 5,\n};\n\nexport const getMinifiedBorderSize = (size: BadgePropSize, minified: boolean) =>\n minified ? `${minifiedBorderSizeMap[size]}px` : undefined;\n\nexport const getBgColor = (status: BadgePropStatus) =>\n status === 'disabled'\n ? 'var(--color-control-bg-disable)'\n : `var(--color-bg-${status})`;\n\nexport const getTextColor = (status: BadgePropStatus, view: BadgePropView) => {\n if (status === 'disabled') {\n return 'var(--color-control-typo-disable)';\n }\n if (status === 'system') {\n return 'var(--color-typo-secondary)';\n }\n if (view === 'filled') {\n return 'var(--color-typo-primary)';\n }\n return `var(--color-typo-${status})`;\n};\n\nexport const getBorderColor = (\n status: BadgePropStatus,\n view: BadgePropView,\n) => {\n if (view === 'stroked' && status === 'disabled') {\n return 'var(--color-control-bg-border-disable)';\n }\n if (view === 'stroked') {\n return `var(--color-bg-${status})`;\n }\n return undefined;\n};\n\nexport const getDegreeMixing = (\n status: BadgePropStatus,\n view: BadgePropView,\n) => {\n if (view === 'tinted' && status === 'system') {\n return '30%';\n }\n if (view === 'tinted' && status === 'disabled') {\n return '100%';\n }\n if (view === 'tinted') {\n return '10%';\n }\n return undefined;\n};\n"],"mappings":"GASMA,0BAAuD,CAAG,CAC9DC,EAAE,CAAE,IAD0D,CAE9DC,CAAC,CAAE,IAF2D,CAG9DC,CAAC,CAAE,GAH2D,CAI9DC,CAAC,CAAE,GAJ2D,C,CAO1DC,2BAAyD,CAAG,CAChEJ,EAAE,CAAE,KAD4D,CAEhEC,CAAC,CAAE,KAF6D,CAGhEC,CAAC,CAAE,IAH6D,CAIhEC,CAAC,CAAE,IAJ6D,C,CAOlE,MAAO,IAAME,qBAAoB,CAAG,SAClCC,CADkC,CAElCC,CAFkC,CAGlCC,CAHkC,CAI/B,OACCA,EADD,QAIU,SAAT,GAAAD,CAJD,uBAKqBH,2BAA2B,CAACE,CAAD,CALhD,4BAOmBP,yBAAyB,CAACO,CAAD,CAP5C,KAQJ,CAZM,C,GAcDG,QAAqC,CAAG,CAC5CT,EAAE,CAAE,GADwC,CAE5CC,CAAC,CAAE,GAFyC,CAG5CC,CAAC,CAAE,IAHyC,CAI5CC,CAAC,CAAE,KAJyC,C,CAOxCO,eAA8C,CAAG,CACrDV,EAAE,CAAE,EADiD,CAErDC,CAAC,CAAE,EAFkD,CAGrDC,CAAC,CAAE,EAHkD,CAIrDC,CAAC,CAAE,EAJkD,C,CAOvD,MAAO,IAAMQ,QAAO,CAAG,SAACL,CAAD,CAAsBE,CAAtB,CAA4C,OAC7DA,EAD6D,WAErDE,eAAe,CAACJ,CAAD,CAFsC,6BAK3CG,OAAO,CAACH,CAAD,CALoC,KAMlE,CANM,CAQP,GAAMM,YAA0C,CAAG,CACjDZ,EAAE,CAAE,8BAD6C,CAEjDC,CAAC,CAAE,sBAF8C,CAGjDC,CAAC,CAAE,qBAH8C,CAIjDC,CAAC,CAAE,wBAJ8C,CAAnD,CAOA,MAAO,IAAMU,YAAW,CAAG,SAACP,CAAD,QAAyBM,YAAW,CAACN,CAAD,CAApC,CAApB,CAEP,GAAMQ,sBAAoD,CAAG,CAC3Dd,EAAE,CAAE,CADuD,CAE3DC,CAAC,CAAE,CAFwD,CAG3DC,CAAC,CAAE,CAHwD,CAI3DC,CAAC,CAAE,CAJwD,CAA7D,CAOA,MAAO,IAAMY,sBAAqB,CAAG,SAACT,CAAD,CAAsBE,CAAtB,QACnCA,EAAQ,WAAMM,qBAAqB,CAACR,CAAD,CAA3B,aAD2B,CAA9B,CAGP,MAAO,IAAMU,WAAU,CAAG,SAACC,CAAD,QACb,UAAX,GAAAA,CAAM,CACF,iCADE,0BAEgBA,CAFhB,KADkB,CAAnB,CAKP,MAAO,IAAMC,aAAY,CAAG,SAACD,CAAD,CAA0BE,CAA1B,CAAkD,OAC7D,UAAX,GAAAF,CADwE,CAEnE,mCAFmE,CAI7D,QAAX,GAAAA,CAJwE,CAKnE,6BALmE,CAO/D,QAAT,GAAAE,CAPwE,CAQnE,2BARmE,4BAUjDF,CAViD,KAW7E,CAXM,CAaP,MAAO,IAAMG,eAAc,CAAG,SAC5BH,CAD4B,CAE5BE,CAF4B,CAGzB,OACU,SAAT,GAAAA,CAAI,EAA6B,UAAX,GAAAF,CADvB,CAEM,wCAFN,CAIU,SAAT,GAAAE,CAJD,0BAKwBF,CALxB,YAQJ,CAXM,CAaP,MAAO,IAAMI,gBAAe,CAAG,SAC7BJ,CAD6B,CAE7BE,CAF6B,CAG1B,OACU,QAAT,GAAAA,CAAI,EAA4B,QAAX,GAAAF,CADtB,CAEM,KAFN,CAIU,QAAT,GAAAE,CAAI,EAA4B,UAAX,GAAAF,CAJtB,CAKM,MALN,CAOU,QAAT,GAAAE,CAPD,CAQM,KARN,OAWJ,CAdM"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { IconComponent } from '@consta/icons/Icon';
|
|
2
|
+
export declare const badgePropSize: readonly ["xs", "s", "m", "l"];
|
|
3
|
+
export declare type BadgePropSize = typeof badgePropSize[number];
|
|
4
|
+
export declare const badgePropSizeDefault: BadgePropSize;
|
|
5
|
+
export declare const badgePropView: readonly ["filled", "stroked", "tinted"];
|
|
6
|
+
export declare type BadgePropView = typeof badgePropView[number];
|
|
7
|
+
export declare const badgePropViewDefault: BadgePropView;
|
|
8
|
+
export declare const badgePropStatus: readonly ["normal", "success", "warning", "alert", "system", "disabled"];
|
|
9
|
+
export declare type BadgePropStatus = typeof badgePropStatus[number] | 'error';
|
|
10
|
+
export declare const badgePropStatusDefault: BadgePropStatus;
|
|
11
|
+
export declare const badgePropForm: readonly ["default", "round"];
|
|
12
|
+
export declare type BadgePropForm = typeof badgePropForm[number];
|
|
13
|
+
export declare const badgePropFormDefault: BadgePropForm;
|
|
14
|
+
export declare type BadgeProps = {
|
|
15
|
+
size?: BadgePropSize;
|
|
16
|
+
view?: BadgePropView;
|
|
17
|
+
/**
|
|
18
|
+
* "error" deprecated since version 5.13.0 use "alert"
|
|
19
|
+
*/
|
|
20
|
+
status?: BadgePropStatus;
|
|
21
|
+
form?: BadgePropForm;
|
|
22
|
+
minified?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated since version 4.17.2 use iconLeft
|
|
25
|
+
*/
|
|
26
|
+
icon?: IconComponent;
|
|
27
|
+
iconLeft?: IconComponent;
|
|
28
|
+
iconRight?: IconComponent;
|
|
29
|
+
label?: string;
|
|
30
|
+
children?: never;
|
|
31
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export var badgePropSize=["xs","s","m","l"];export var badgePropSizeDefault="m";export var badgePropView=["filled","stroked","tinted"];export var badgePropViewDefault=badgePropView[0];export var badgePropStatus=["normal","success","warning","alert","system","disabled"];export var badgePropStatusDefault=badgePropStatus[0];export var badgePropForm=["default","round"];export var badgePropFormDefault=badgePropForm[0];
|
|
2
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","names":["badgePropSize","badgePropSizeDefault","badgePropView","badgePropViewDefault","badgePropStatus","badgePropStatusDefault","badgePropForm","badgePropFormDefault"],"sources":["../../../../../src/components/Badge/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nexport const badgePropSize = ['xs', 's', 'm', 'l'] as const;\nexport type BadgePropSize = typeof badgePropSize[number];\nexport const badgePropSizeDefault: BadgePropSize = 'm';\n\nexport const badgePropView = ['filled', 'stroked', 'tinted'] as const;\nexport type BadgePropView = typeof badgePropView[number];\nexport const badgePropViewDefault: BadgePropView = badgePropView[0];\n\nexport const badgePropStatus = [\n 'normal',\n 'success',\n 'warning',\n 'alert',\n 'system',\n 'disabled',\n] as const;\nexport type BadgePropStatus = typeof badgePropStatus[number] | 'error';\nexport const badgePropStatusDefault: BadgePropStatus = badgePropStatus[0];\n\nexport const badgePropForm = ['default', 'round'] as const;\nexport type BadgePropForm = typeof badgePropForm[number];\nexport const badgePropFormDefault: BadgePropForm = badgePropForm[0];\n\nexport type BadgeProps = {\n size?: BadgePropSize;\n view?: BadgePropView;\n /**\n * \"error\" deprecated since version 5.13.0 use \"alert\"\n */\n status?: BadgePropStatus;\n form?: BadgePropForm;\n minified?: boolean;\n /**\n * @deprecated since version 4.17.2 use iconLeft\n */\n icon?: IconComponent;\n iconLeft?: IconComponent;\n iconRight?: IconComponent;\n label?: string;\n children?: never;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,cAAa,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAG,GAA5C,CAEP,MAAO,IAAMC,cAAa,CAAG,CAAC,QAAD,CAAW,SAAX,CAAsB,QAAtB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,gBAAe,CAAG,CAC7B,QAD6B,CAE7B,SAF6B,CAG7B,SAH6B,CAI7B,OAJ6B,CAK7B,QAL6B,CAM7B,UAN6B,CAAxB,CASP,MAAO,IAAMC,uBAAuC,CAAGD,eAAe,CAAC,CAAD,CAA/D,CAEP,MAAO,IAAME,cAAa,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","fitMode","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemKey","getItemLabel","getItemStatus","getItemRef","getItemView","minified","size","form","className","moreRef","moreAttributes"];import"./BadgeGroup.css";import React,{forwardRef}from"react";import{forkRef,useForkRef}from"../../hooks/useForkRef";import{useHideElementsInLine}from"../../hooks/useHideElementsInLine";import{cn}from"../../utils/bem";import{
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","fitMode","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemKey","getItemLabel","getItemStatus","getItemRef","getItemView","minified","size","form","className","moreRef","moreAttributes"];import"./BadgeGroup.css";import React,{forwardRef}from"react";import{Badge,badgePropFormDefault,badgePropSizeDefault}from"../Badge";import{forkRef,useForkRef}from"../../hooks/useForkRef";import{useHideElementsInLine}from"../../hooks/useHideElementsInLine";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helper";var cnBadgeGroup=cn("BadgeGroup"),BadgeGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.fitMode,f=void 0===e?"wrap":e,g=c.getItemAs,h=c.getItemAttributes,i=c.getItemIconLeft,j=c.getItemIconRight,k=c.getItemKey,l=c.getItemLabel,m=c.getItemStatus,n=c.getItemRef,o=c.getItemView,p=c.minified,q=c.size,r=void 0===q?badgePropSizeDefault:q,s=c.form,t=void 0===s?badgePropFormDefault:s,u=c.className,v=c.moreRef,w=c.moreAttributes,x=_objectWithoutProperties(c,_excluded),y=d.length+1,z=y-1,A=useHideElementsInLine(y,z,0,[f,t]),B=A.visibleMap,C=A.elementsRefs,D=A.parentRef,E=useForkRef([C[z],v]);return React.createElement("div",Object.assign({ref:useForkRef([b,D]),className:cnBadgeGroup({size:r,fitMode:f},[u])},x),d.map(function(a,b){var c=g(a);return React.createElement(Badge,Object.assign({key:k(a),size:r,form:t,minified:p,label:l(a),iconLeft:i(a),iconRight:j(a),as:c,ref:forkRef([C[b],n(a)]),view:o(a),status:m(a),className:cnBadgeGroup("Badge",{hidden:!("reduction"!==f)&&!B[b]})},h(a)))}),"reduction"===f&&React.createElement(Badge,Object.assign({className:cnBadgeGroup("Badge",{hidden:!B[d.length]}),key:"more",label:"+".concat(B.filter(function(a){return!a}).length),status:"system",form:t,size:r,view:"filled",ref:E},w)))};export var BadgeGroup=forwardRef(BadgeGroupRender);export*from"./types";
|
|
2
2
|
//# sourceMappingURL=BadgeGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeGroup.js","names":["React","forwardRef","
|
|
1
|
+
{"version":3,"file":"BadgeGroup.js","names":["React","forwardRef","Badge","badgePropFormDefault","badgePropSizeDefault","forkRef","useForkRef","useHideElementsInLine","cn","withDefaultGetters","cnBadgeGroup","BadgeGroupRender","props","ref","items","fitMode","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemKey","getItemLabel","getItemStatus","getItemRef","getItemView","minified","size","form","className","moreRefProp","moreRef","moreAttributes","otherProps","length","moreIndex","visibleMap","elementsRefs","parentRef","map","item","index","as","hidden","filter","BadgeGroup"],"sources":["../../../../../src/components/BadgeGroup/BadgeGroup.tsx"],"sourcesContent":["import './BadgeGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport {\n Badge,\n badgePropFormDefault,\n badgePropSizeDefault,\n} from '##/components/Badge';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useHideElementsInLine } from '##/hooks/useHideElementsInLine';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helper';\nimport { BadgeGroupComponent, BadgeGroupProps } from './types';\n\nconst cnBadgeGroup = cn('BadgeGroup');\n\nconst BadgeGroupRender = (\n props: BadgeGroupProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n items,\n fitMode = 'wrap',\n getItemAs,\n getItemAttributes,\n getItemIconLeft,\n getItemIconRight,\n getItemKey,\n getItemLabel,\n getItemStatus,\n getItemRef,\n getItemView,\n minified,\n size = badgePropSizeDefault,\n form = badgePropFormDefault,\n className,\n moreRef: moreRefProp,\n moreAttributes,\n ...otherProps\n } = withDefaultGetters(props);\n\n const length = items.length + 1;\n const moreIndex = length - 1;\n\n const { visibleMap, elementsRefs, parentRef } = useHideElementsInLine(\n length,\n moreIndex,\n 0,\n [fitMode, form],\n );\n\n const moreRef = useForkRef([elementsRefs[moreIndex], moreRefProp]);\n\n return (\n <div\n ref={useForkRef([ref, parentRef])}\n className={cnBadgeGroup({ size, fitMode }, [className])}\n {...otherProps}\n >\n {items.map((item, index) => {\n const as = getItemAs(item);\n return (\n <Badge\n key={getItemKey(item)}\n size={size}\n form={form}\n minified={minified}\n label={getItemLabel(item)}\n iconLeft={getItemIconLeft(item)}\n iconRight={getItemIconRight(item)}\n as={as}\n ref={forkRef([elementsRefs[index], getItemRef(item)])}\n view={getItemView(item)}\n status={getItemStatus(item)}\n className={cnBadgeGroup('Badge', {\n hidden: fitMode === 'reduction' ? !visibleMap[index] : false,\n })}\n {...getItemAttributes(item)}\n />\n );\n })}\n {fitMode === 'reduction' && (\n <Badge\n className={cnBadgeGroup('Badge', {\n hidden: !visibleMap[items.length],\n })}\n key=\"more\"\n label={`+${visibleMap.filter((item) => !item).length}`}\n status=\"system\"\n form={form}\n size={size}\n view=\"filled\"\n ref={moreRef}\n {...moreAttributes}\n />\n )}\n </div>\n );\n};\n\nexport const BadgeGroup = forwardRef(BadgeGroupRender) as BadgeGroupComponent;\n\nexport * from './types';\n"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { IconComponent } from '@consta/icons/Icon';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from "../Badge";
|
|
3
4
|
import { AsAttributes, AsTags } from "../../utils/types/AsTags";
|
|
4
5
|
import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
|
|
5
|
-
import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from '../Badge/Badge';
|
|
6
6
|
export declare type BadgeGroupDefaultItem = {
|
|
7
7
|
key: string | number;
|
|
8
8
|
status?: BadgePropStatus;
|
|
@@ -28,6 +28,9 @@ export declare type BadgeGroupProps<ITEM = BadgeGroupDefaultItem> = PropsWithHTM
|
|
|
28
28
|
fitMode?: 'reduction' | 'wrap';
|
|
29
29
|
getItemKey?: BadgeGroupPropGetItemKey<ITEM>;
|
|
30
30
|
getItemLabel?: BadgeGroupPropGetItemLabel<ITEM>;
|
|
31
|
+
/**
|
|
32
|
+
* "error" deprecated since version 5.13.0 use "alert"
|
|
33
|
+
*/
|
|
31
34
|
getItemStatus?: BadgeGroupPropGetItemStatus<ITEM>;
|
|
32
35
|
getItemView?: BadgeGroupPropGetItemView<ITEM>;
|
|
33
36
|
getItemIconLeft?: BadgeGroupPropGetItemIconLeft<ITEM>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/BadgeGroup/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\
|
|
1
|
+
{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/BadgeGroup/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n BadgePropForm,\n BadgePropSize,\n BadgePropStatus,\n BadgePropView,\n} from '##/components/Badge';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type BadgeGroupDefaultItem = {\n key: string | number;\n status?: BadgePropStatus;\n view?: BadgePropView;\n label?: string;\n iconLeft?: IconComponent;\n iconRight?: IconComponent;\n as?: AsTags;\n ref?: React.RefObject<HTMLElement>;\n attributes?: Omit<AsAttributes, 'children' | 'ref'>;\n};\n\nexport type BadgeGroupPropGetItemKey<ITEM> = (\n item: ITEM,\n) => BadgeGroupDefaultItem['key'];\nexport type BadgeGroupPropGetItemStatus<ITEM> = (\n item: ITEM,\n) => BadgeGroupDefaultItem['status'];\nexport type BadgeGroupPropGetItemView<ITEM> = (\n item: ITEM,\n) => BadgeGroupDefaultItem['view'];\nexport type BadgeGroupPropGetItemLabel<ITEM> = (\n item: ITEM,\n) => BadgeGroupDefaultItem['label'];\nexport type BadgeGroupPropGetItemIconLeft<ITEM> = (\n item: ITEM,\n) => BadgeGroupDefaultItem['iconLeft'];\nexport type BadgeGroupPropGetItemIconRight<ITEM> = (\n item: ITEM,\n) => BadgeGroupDefaultItem['iconRight'];\nexport type BadgeGroupPropGetItemRef<ITEM> = (\n item: ITEM,\n) => BadgeGroupDefaultItem['ref'];\nexport type BadgeGroupPropGetItemAs<ITEM> = (\n item: ITEM,\n) => BadgeGroupDefaultItem['as'];\nexport type BadgeGroupPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) => BadgeGroupDefaultItem['attributes'];\n\nexport type BadgeGroupProps<ITEM = BadgeGroupDefaultItem> =\n PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[];\n fitMode?: 'reduction' | 'wrap';\n getItemKey?: BadgeGroupPropGetItemKey<ITEM>;\n getItemLabel?: BadgeGroupPropGetItemLabel<ITEM>;\n /**\n * \"error\" deprecated since version 5.13.0 use \"alert\"\n */\n getItemStatus?: BadgeGroupPropGetItemStatus<ITEM>;\n getItemView?: BadgeGroupPropGetItemView<ITEM>;\n getItemIconLeft?: BadgeGroupPropGetItemIconLeft<ITEM>;\n getItemIconRight?: BadgeGroupPropGetItemIconRight<ITEM>;\n getItemRef?: BadgeGroupPropGetItemRef<ITEM>;\n getItemAs?: BadgeGroupPropGetItemAs<ITEM>;\n getItemAttributes?: BadgeGroupPropGetItemAttributes<ITEM>;\n form?: BadgePropForm;\n size?: BadgePropSize;\n minified?: boolean;\n moreRef?: React.RefObject<HTMLDivElement>;\n moreAttributes?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n },\n HTMLDivElement\n > &\n (ITEM extends { key: string | number }\n ? {}\n : {\n getItemKey: BadgeGroupPropGetItemKey<ITEM>;\n });\n\nexport type BadgeGroupComponent = <ITEM = BadgeGroupDefaultItem>(\n props: BadgeGroupProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconComponent } from '@consta/icons/Icon';
|
|
3
|
-
import {
|
|
3
|
+
import { BadgePropStatus } from "../Badge";
|
|
4
4
|
import { AsAttributes, AsTags } from "../../utils/types/AsTags";
|
|
5
5
|
import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
|
|
6
6
|
export declare const chipsPropSize: readonly ["xs", "s", "m", "l"];
|
|
@@ -9,7 +9,7 @@ export declare const chipsPropSizeDefault: ChipsPropSize;
|
|
|
9
9
|
export declare const chipsPropActiveView: readonly ["primary", "secondary"];
|
|
10
10
|
export declare type ChipsPropActiveView = typeof chipsPropActiveView[number];
|
|
11
11
|
export declare const chipsPropActiveViewDefault: ChipsPropActiveView;
|
|
12
|
-
export declare type ChipsPropStatus =
|
|
12
|
+
export declare type ChipsPropStatus = BadgePropStatus;
|
|
13
13
|
export declare type ChipsItemProps = {
|
|
14
14
|
size?: ChipsPropSize;
|
|
15
15
|
activeView?: ChipsPropActiveView;
|
|
@@ -17,6 +17,9 @@ export declare type ChipsItemProps = {
|
|
|
17
17
|
onRightIconClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
18
18
|
iconLeft?: IconComponent;
|
|
19
19
|
iconRight?: IconComponent;
|
|
20
|
+
/**
|
|
21
|
+
* "error" deprecated since version 5.13.0 use "alert"
|
|
22
|
+
*/
|
|
20
23
|
status?: ChipsPropStatus;
|
|
21
24
|
label: string;
|
|
22
25
|
active?: boolean;
|
|
@@ -48,6 +51,9 @@ export declare type ChipsProps<ITEM = ChipsDefaultItem> = PropsWithHTMLAttribute
|
|
|
48
51
|
items: ITEM[];
|
|
49
52
|
interactive?: boolean;
|
|
50
53
|
disabled?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* "error" deprecated since version 5.13.0 use "alert"
|
|
56
|
+
*/
|
|
51
57
|
getItemStatus?: ChipsPropGetItemStatus<ITEM>;
|
|
52
58
|
getItemLabel?: ChipsPropGetItemLabel<ITEM>;
|
|
53
59
|
getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":["chipsPropSize","chipsPropSizeDefault","chipsPropActiveView","chipsPropActiveViewDefault"],"sources":["../../../../../src/components/Chips/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport {
|
|
1
|
+
{"version":3,"file":"types.js","names":["chipsPropSize","chipsPropSizeDefault","chipsPropActiveView","chipsPropActiveViewDefault"],"sources":["../../../../../src/components/Chips/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { BadgePropStatus } from '##/components/Badge';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const chipsPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type ChipsPropSize = typeof chipsPropSize[number];\nexport const chipsPropSizeDefault: ChipsPropSize = 'm';\n\nexport const chipsPropActiveView = ['primary', 'secondary'] as const;\nexport type ChipsPropActiveView = typeof chipsPropActiveView[number];\nexport const chipsPropActiveViewDefault: ChipsPropActiveView = 'primary';\n\nexport type ChipsPropStatus = BadgePropStatus;\n\nexport type ChipsItemProps = {\n size?: ChipsPropSize;\n activeView?: ChipsPropActiveView;\n interactive?: boolean;\n onRightIconClick?: React.MouseEventHandler<HTMLButtonElement>;\n iconLeft?: IconComponent;\n iconRight?: IconComponent;\n /**\n * \"error\" deprecated since version 5.13.0 use \"alert\"\n */\n status?: ChipsPropStatus;\n label: string;\n active?: boolean;\n disabled?: boolean;\n};\n\nexport type ChipsDefaultItem = Omit<\n ChipsItemProps,\n 'size' | 'activeView' | 'interactive' | 'onRightIconClick'\n> & {\n attributes?: Omit<AsAttributes, 'children' | 'ref'>;\n as?: AsTags;\n ref?: React.RefObject<HTMLElement>;\n};\n\n// export type ChipsPropGetItemKey<ITEM> = (item: ITEM) => ChipsDefaultItem['key'];\nexport type ChipsPropGetItemStatus<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['status'];\nexport type ChipsPropGetItemLabel<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['label'];\nexport type ChipsPropGetItemIconLeft<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['iconLeft'];\nexport type ChipsPropGetItemIconRight<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['iconRight'];\nexport type ChipsPropGetItemRef<ITEM> = (item: ITEM) => ChipsDefaultItem['ref'];\nexport type ChipsPropGetItemAs<ITEM> = (item: ITEM) => ChipsDefaultItem['as'];\nexport type ChipsPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['attributes'];\nexport type ChipsPropGetItemActive<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['active'];\nexport type ChipsPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['disabled'];\nexport type ChipsPropOnItemClick<ITEM> = (\n item: ITEM,\n props: { e: React.MouseEvent },\n) => void;\nexport type ChipsPropItemOnRightIconClick<ITEM> = (\n item: ITEM,\n props: { e: React.MouseEvent },\n) => void;\n\nexport type ChipsProps<ITEM = ChipsDefaultItem> = PropsWithHTMLAttributesAndRef<\n {\n size?: ChipsPropSize;\n activeView?: ChipsPropActiveView;\n items: ITEM[];\n interactive?: boolean;\n disabled?: boolean;\n /**\n * \"error\" deprecated since version 5.13.0 use \"alert\"\n */\n getItemStatus?: ChipsPropGetItemStatus<ITEM>;\n getItemLabel?: ChipsPropGetItemLabel<ITEM>;\n getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;\n getItemIconRight?: ChipsPropGetItemIconRight<ITEM>;\n getItemRef?: ChipsPropGetItemRef<ITEM>;\n getItemAs?: ChipsPropGetItemAs<ITEM>;\n getItemAttributes?: ChipsPropGetItemAttributes<ITEM>;\n getItemActive?: ChipsPropGetItemActive<ITEM>;\n getItemDisabled?: ChipsPropGetItemDisabled<ITEM>;\n onItemClick?: ChipsPropOnItemClick<ITEM>;\n onItemRightIconClick?: ChipsPropItemOnRightIconClick<ITEM>;\n },\n HTMLDivElement\n> &\n (ITEM extends { label: string }\n ? {}\n : {\n getItemLabel: ChipsPropGetItemLabel<ITEM>;\n });\n\nexport type ChipsComponent = <ITEM = ChipsDefaultItem>(\n props: ChipsProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAMA,MAAO,IAAMA,cAAa,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAG,GAA5C,CAEP,MAAO,IAAMC,oBAAmB,CAAG,CAAC,SAAD,CAAY,WAAZ,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAAG,SAAxD"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export * from './FieldCaption';
|
|
2
|
+
export * from './FieldLabel';
|
|
3
|
+
export * from './FieldControlLayout';
|
|
4
|
+
export * from './FieldIcon';
|
|
5
|
+
export * from './FieldInput';
|
|
6
|
+
export * from './FieldButton';
|
|
7
|
+
export * from './FieldCounter';
|
|
8
|
+
export * from './FieldClearButton';
|
|
9
|
+
export * from './FieldToggleVisiblePasswordButton';
|
|
10
|
+
export * from './renderSide';
|
|
11
|
+
export * from './FieldButtonStyleReset';
|
|
12
|
+
export * from './FieldArrayValueInlineControl';
|
|
13
|
+
export * from './FieldArrayValueItem';
|
|
14
|
+
export * from './FieldWrapper';
|
|
15
|
+
export * from './types';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export*from"./FieldCaption";export*from"./FieldLabel";export*from"./FieldControlLayout";export*from"./FieldIcon";export*from"./FieldInput";export*from"./FieldButton";export*from"./FieldCounter";export*from"./FieldClearButton";export*from"./FieldToggleVisiblePasswordButton";export*from"./renderSide";export*from"./FieldButtonStyleReset";export*from"./FieldArrayValueInlineControl";export*from"./FieldArrayValueItem";export*from"./FieldWrapper";export*from"./types";
|
|
2
|
+
//# sourceMappingURL=FieldComponents.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldComponents.js","names":[],"sources":["../../../../../src/components/FieldComponents/FieldComponents.ts"],"sourcesContent":["export * from './FieldCaption';\nexport * from './FieldLabel';\nexport * from './FieldControlLayout';\nexport * from './FieldIcon';\nexport * from './FieldInput';\nexport * from './FieldButton';\nexport * from './FieldCounter';\nexport * from './FieldClearButton';\nexport * from './FieldToggleVisiblePasswordButton';\nexport * from './renderSide';\nexport * from './FieldButtonStyleReset';\nexport * from './FieldArrayValueInlineControl';\nexport * from './FieldArrayValueItem';\nexport * from './FieldWrapper';\nexport * from './types';\n"],"mappings":"AAAA,4BACA,0BACA,kCACA,yBACA,0BACA,2BACA,4BACA,gCACA,gDACA,0BACA,qCACA,4CACA,mCACA,4BACA"}
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
export * from './
|
|
2
|
-
export * from './FieldLabel';
|
|
3
|
-
export * from './FieldControlLayout';
|
|
4
|
-
export * from './FieldIcon';
|
|
5
|
-
export * from './FieldInput';
|
|
6
|
-
export * from './FieldButton';
|
|
7
|
-
export * from './FieldCounter';
|
|
8
|
-
export * from './FieldClearButton';
|
|
9
|
-
export * from './FieldToggleVisiblePasswordButton';
|
|
10
|
-
export * from './renderSide';
|
|
11
|
-
export * from './FieldButtonStyleReset';
|
|
12
|
-
export * from './FieldArrayValueInlineControl';
|
|
13
|
-
export * from './FieldArrayValueItem';
|
|
14
|
-
export * from './FieldWrapper';
|
|
15
|
-
export * from './types';
|
|
1
|
+
export * from './FieldComponents';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"./
|
|
1
|
+
export*from"./FieldComponents";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/FieldComponents/index.ts"],"sourcesContent":["export * from './
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/FieldComponents/index.ts"],"sourcesContent":["export * from './FieldComponents';\n"],"mappings":"AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Informer{
|
|
1
|
+
.Informer{background-color:var(--informer-bg);border-radius:var(--space-xs);color:var(--color-typo-primary)}.Informer_view_bordered{--informer-bg:var(--color-bg-default);border-left:var(--space-xs) solid var(--informer-bg-color);box-shadow:var(--shadow-layer)}.Informer_view_filled{--informer-bg:var(--informer-bg-color)}.Informer_view_outline{--informer-icon-color:var(--informer-typo-color);--informer-bg:color-mix(in srgb,var(--informer-bg-color) var(--informer-bg-opacity),var(--color-bg-default));border:var(--control-border-width) solid var(--informer-border-color)}.Informer-Icon{color:var(--informer-icon-color,inherit);flex:1}
|
|
@@ -2,10 +2,10 @@ import './Informer.css';
|
|
|
2
2
|
import { IconComponent } from '@consta/icons/Icon';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
|
|
5
|
-
export declare const informerPropView: readonly ["filled", "bordered"];
|
|
5
|
+
export declare const informerPropView: readonly ["filled", "bordered", "outline"];
|
|
6
6
|
export declare type InformerPropView = typeof informerPropView[number];
|
|
7
7
|
export declare const informerPropViewDefault: InformerPropView;
|
|
8
|
-
export declare const informerPropStatus: readonly ["success", "system", "alert", "warning"];
|
|
8
|
+
export declare const informerPropStatus: readonly ["success", "system", "alert", "warning", "normal"];
|
|
9
9
|
export declare type InformerPropStatus = typeof informerPropStatus[number];
|
|
10
10
|
export declare const informerPropStatusDefault: InformerPropStatus;
|
|
11
11
|
export declare const informerPropSize: readonly ["m", "s"];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["view","status","size","icon","label","title","children","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Informer.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{Text}from"../Text/Text";import{useTheme}from"../Theme/Theme";export var informerPropView=["filled","bordered"];export var informerPropViewDefault=informerPropView[0];export var informerPropStatus=["success","system","alert","warning"];export var informerPropStatusDefault=informerPropStatus[0];export var informerPropSize=["m","s"];export var informerPropSiseDefault=informerPropSize[0];export var cnInformer=cn("Informer");export var Informer=React.forwardRef(function(a,b){var c=a.view,
|
|
1
|
+
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["view","status","size","icon","label","title","children","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Informer.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnMixFlex}from"../../mixs/MixFlex";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{Text}from"../Text/Text";import{useTheme}from"../Theme/Theme";export var informerPropView=["filled","bordered","outline"];export var informerPropViewDefault=informerPropView[0];export var informerPropStatus=["success","system","alert","warning","normal"];export var informerPropStatusDefault=informerPropStatus[0];export var informerPropSize=["m","s"];export var informerPropSiseDefault=informerPropSize[0];export var cnInformer=cn("Informer");export var Informer=React.forwardRef(function(a,b){var c,d=a.view,e=void 0===d?informerPropViewDefault:d,f=a.status,g=void 0===f?informerPropStatusDefault:f,h=a.size,i=void 0===h?informerPropSiseDefault:h,j=a.icon,k=a.label,l=a.title,m=a.children,n=a.style,o=_objectWithoutProperties(a,_excluded),p=useTheme(),q=p.themeClassNames,r="system"!==g&&"filled"===e?classnames(a.className,q.color.accent):a.className;return React.createElement("div",Object.assign({},o,{className:cnInformer({view:e},[r,cnMixSpace({p:i}),cnMixFlex({flex:"flex",gap:"s"})]),style:_objectSpread(_objectSpread({},n),{},(c={},_defineProperty(c,"--informer-bg-color","var(--color-bg-".concat(g,")")),_defineProperty(c,"--informer-border-color","system"===g?"var(--color-bg-border)":"var(--color-bg-".concat(g,")")),_defineProperty(c,"--informer-typo-color","var(--color-typo-".concat(g,")")),_defineProperty(c,"--informer-bg-opacity","system"===g?"30%":"10%"),c)),ref:b}),j&&React.createElement(j,{className:cnInformer("Icon",[cnMixSpace({mT:"3xs"})]),size:"s"}),React.createElement("div",{className:cnInformer("Content")},l&&React.createElement(Text,{lineHeight:"xs",className:cnInformer("Title",[cnMixSpace({mB:"2xs"})]),weight:"bold",size:i,view:"primary"},l),k?React.createElement(Text,{lineHeight:"xs",view:"primary",className:cnInformer("Label"),size:i},k):m))});
|
|
2
2
|
//# sourceMappingURL=Informer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Informer.js","names":["classnames","React","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","icon","label","title","children","style","otherProps","
|
|
1
|
+
{"version":3,"file":"Informer.js","names":["classnames","React","cnMixFlex","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","Icon","icon","label","title","children","style","otherProps","themeClassNames","className","color","accent","p","flex","gap","mT","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered', 'outline'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n 'success',\n 'system',\n 'alert',\n 'warning',\n 'normal',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSiseDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n view?: InformerPropView;\n status?: InformerPropStatus;\n icon?: IconComponent;\n label?: React.ReactNode;\n title?: string;\n size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n (props, ref) => {\n const {\n view = informerPropViewDefault,\n status = informerPropStatusDefault,\n size = informerPropSiseDefault,\n icon: Icon,\n label,\n title,\n children,\n style,\n ...otherProps\n } = props;\n const { themeClassNames } = useTheme();\n\n const className =\n status !== 'system' && view === 'filled'\n ? classnames(props.className, themeClassNames.color.accent)\n : props.className;\n\n return (\n <div\n {...otherProps}\n className={cnInformer(\n {\n view,\n },\n [\n className,\n cnMixSpace({ p: size }),\n cnMixFlex({ flex: 'flex', gap: 's' }),\n ],\n )}\n style={{\n ...style,\n ['--informer-bg-color' as string]: `var(--color-bg-${status})`,\n ['--informer-border-color' as string]:\n status === 'system'\n ? `var(--color-bg-border)`\n : `var(--color-bg-${status})`,\n ['--informer-typo-color' as string]: `var(--color-typo-${status})`,\n ['--informer-bg-opacity' as string]:\n status === 'system' ? '30%' : '10%',\n }}\n ref={ref}\n >\n {Icon && (\n <Icon\n className={cnInformer('Icon', [cnMixSpace({ mT: '3xs' })])}\n size=\"s\"\n />\n )}\n <div className={cnInformer('Content')}>\n {title && (\n <Text\n lineHeight=\"xs\"\n className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n weight=\"bold\"\n size={size}\n view=\"primary\"\n >\n {title}\n </Text>\n )}\n {label ? (\n <Text\n lineHeight=\"xs\"\n view=\"primary\"\n className={cnInformer('Label')}\n size={size}\n >\n {label}\n </Text>\n ) : (\n children\n )}\n </div>\n </div>\n );\n },\n);\n"],"mappings":"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"}
|
|
@@ -37,7 +37,8 @@ export declare type PopoverProps = PropsWithJsxAttributes<{
|
|
|
37
37
|
onClickOutside?: ClickOutsideHandler;
|
|
38
38
|
onSetDirection?: (direction: Direction) => void;
|
|
39
39
|
viewportRef?: React.RefObject<HTMLElement>;
|
|
40
|
+
container?: Element;
|
|
40
41
|
} & PositioningProps>;
|
|
41
42
|
export declare type Props = PopoverProps;
|
|
42
|
-
export declare const Popover: React.ForwardRefExoticComponent<Pick<PopoverProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "position" | "arrowOffset" | "offset" | "direction" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "viewportRef" | "anchorRef" | "equalAnchorWidth"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
|
+
export declare const Popover: React.ForwardRefExoticComponent<Pick<PopoverProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "position" | "container" | "arrowOffset" | "offset" | "direction" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "viewportRef" | "anchorRef" | "equalAnchorWidth"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
44
|
export {};
|