bianic-ui 1.5.1-beta.3 → 1.5.1-beta.4
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/dist/cjs/index.js
CHANGED
|
@@ -1474,28 +1474,6 @@ var ButtonApp = function (_a) {
|
|
|
1474
1474
|
return (React$1.createElement("button", __assign({ className: "button-app px-[10px] pb-[8.8px] pt-[8px] text-size-tiny ".concat(colorConfig$1[color][buttonState], " "), type: "button", disabled: disabled }, rest), label));
|
|
1475
1475
|
};
|
|
1476
1476
|
|
|
1477
|
-
var textColorConfig = {
|
|
1478
|
-
dark: 'text-primary-black disabled:text-bia-coolgrey-disabled',
|
|
1479
|
-
light: 'text-primary-white disabled:opacity-30',
|
|
1480
|
-
};
|
|
1481
|
-
var stateColorConfig = {
|
|
1482
|
-
selected: 'bg-black/15 cursor-default',
|
|
1483
|
-
default: 'enabled:hover:bg-black/10 enabled:focus-visible:border-bia-blue-disabled enabled:focus-visible:outline-2 enabled:focus-visible:-outline-offset-1 enabled:focus-visible:outline-bia-blue-disabled enabled:active:bg-black/15',
|
|
1484
|
-
};
|
|
1485
|
-
|
|
1486
|
-
var ContextualButton = function (_a) {
|
|
1487
|
-
var label = _a.label, icon = _a.icon, _b = _a.variant, variant = _b === void 0 ? 'dark' : _b, disabled = _a.disabled; _a.isNotified; var _d = _a.isSelected, isSelected = _d === void 0 ? false : _d, props = __rest(_a, ["label", "icon", "variant", "disabled", "isNotified", "isSelected"]);
|
|
1488
|
-
var textColor = isSelected
|
|
1489
|
-
? variant === 'dark'
|
|
1490
|
-
? 'text-primary-black'
|
|
1491
|
-
: 'text-primary-white'
|
|
1492
|
-
: textColorConfig[variant];
|
|
1493
|
-
var stateColor = stateColorConfig[isSelected ? 'selected' : 'default'];
|
|
1494
|
-
return (React$1.createElement("button", __assign({ className: "contextual-button box-border flex flex-row items-center rounded-radius-sm border border-transparent p-[1px] outline-none ".concat(stateColor, " ").concat(textColor) }, props, { disabled: disabled }),
|
|
1495
|
-
icon,
|
|
1496
|
-
label && (React$1.createElement("div", { className: "label max-h-[46px] px-[5px] text-[12px] leading-none" }, label))));
|
|
1497
|
-
};
|
|
1498
|
-
|
|
1499
1477
|
function Color() {
|
|
1500
1478
|
var colorList = [
|
|
1501
1479
|
'bg-bia-red',
|
|
@@ -5460,7 +5438,6 @@ exports.Button = Button;
|
|
|
5460
5438
|
exports.ButtonApp = ButtonApp;
|
|
5461
5439
|
exports.Checkbox = Checkbox;
|
|
5462
5440
|
exports.Color = Color;
|
|
5463
|
-
exports.ContextualButton = ContextualButton;
|
|
5464
5441
|
exports.Display = Display;
|
|
5465
5442
|
exports.Divider = Divider;
|
|
5466
5443
|
exports.FileTree = FileTree;
|
|
@@ -5,7 +5,7 @@ export { default as Badge } from './Badge/Badge';
|
|
|
5
5
|
export { default as Banner } from './Banner';
|
|
6
6
|
export { default as Brand } from './Brand/Brand';
|
|
7
7
|
export { default as Breadcrumb } from './Breadcrumb/Breadcrumb';
|
|
8
|
-
export { Button, ButtonApp
|
|
8
|
+
export { Button, ButtonApp } from './Button';
|
|
9
9
|
export { default as Color } from './Color';
|
|
10
10
|
export { default as Divider } from './Divider/Divider';
|
|
11
11
|
export { default as FileTree } from './FileTree';
|
package/dist/esm/index.js
CHANGED
|
@@ -1472,28 +1472,6 @@ var ButtonApp = function (_a) {
|
|
|
1472
1472
|
return (React$1.createElement("button", __assign({ className: "button-app px-[10px] pb-[8.8px] pt-[8px] text-size-tiny ".concat(colorConfig$1[color][buttonState], " "), type: "button", disabled: disabled }, rest), label));
|
|
1473
1473
|
};
|
|
1474
1474
|
|
|
1475
|
-
var textColorConfig = {
|
|
1476
|
-
dark: 'text-primary-black disabled:text-bia-coolgrey-disabled',
|
|
1477
|
-
light: 'text-primary-white disabled:opacity-30',
|
|
1478
|
-
};
|
|
1479
|
-
var stateColorConfig = {
|
|
1480
|
-
selected: 'bg-black/15 cursor-default',
|
|
1481
|
-
default: 'enabled:hover:bg-black/10 enabled:focus-visible:border-bia-blue-disabled enabled:focus-visible:outline-2 enabled:focus-visible:-outline-offset-1 enabled:focus-visible:outline-bia-blue-disabled enabled:active:bg-black/15',
|
|
1482
|
-
};
|
|
1483
|
-
|
|
1484
|
-
var ContextualButton = function (_a) {
|
|
1485
|
-
var label = _a.label, icon = _a.icon, _b = _a.variant, variant = _b === void 0 ? 'dark' : _b, disabled = _a.disabled; _a.isNotified; var _d = _a.isSelected, isSelected = _d === void 0 ? false : _d, props = __rest(_a, ["label", "icon", "variant", "disabled", "isNotified", "isSelected"]);
|
|
1486
|
-
var textColor = isSelected
|
|
1487
|
-
? variant === 'dark'
|
|
1488
|
-
? 'text-primary-black'
|
|
1489
|
-
: 'text-primary-white'
|
|
1490
|
-
: textColorConfig[variant];
|
|
1491
|
-
var stateColor = stateColorConfig[isSelected ? 'selected' : 'default'];
|
|
1492
|
-
return (React$1.createElement("button", __assign({ className: "contextual-button box-border flex flex-row items-center rounded-radius-sm border border-transparent p-[1px] outline-none ".concat(stateColor, " ").concat(textColor) }, props, { disabled: disabled }),
|
|
1493
|
-
icon,
|
|
1494
|
-
label && (React$1.createElement("div", { className: "label max-h-[46px] px-[5px] text-[12px] leading-none" }, label))));
|
|
1495
|
-
};
|
|
1496
|
-
|
|
1497
1475
|
function Color() {
|
|
1498
1476
|
var colorList = [
|
|
1499
1477
|
'bg-bia-red',
|
|
@@ -5447,4 +5425,4 @@ function Window(_a) {
|
|
|
5447
5425
|
return null;
|
|
5448
5426
|
}
|
|
5449
5427
|
|
|
5450
|
-
export { Accordions, Alert, Avatar, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color,
|
|
5428
|
+
export { Accordions, Alert, Avatar, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, Display, Divider, FileTree, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Piils as Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toggle, Tooltip, Window };
|
|
@@ -5,7 +5,7 @@ export { default as Badge } from './Badge/Badge';
|
|
|
5
5
|
export { default as Banner } from './Banner';
|
|
6
6
|
export { default as Brand } from './Brand/Brand';
|
|
7
7
|
export { default as Breadcrumb } from './Breadcrumb/Breadcrumb';
|
|
8
|
-
export { Button, ButtonApp
|
|
8
|
+
export { Button, ButtonApp } from './Button';
|
|
9
9
|
export { default as Color } from './Color';
|
|
10
10
|
export { default as Divider } from './Divider/Divider';
|
|
11
11
|
export { default as FileTree } from './FileTree';
|
package/dist/index.d.ts
CHANGED
|
@@ -124,15 +124,6 @@ interface ButtonAppProps extends ComponentPropsWithoutRef<'button'> {
|
|
|
124
124
|
}
|
|
125
125
|
declare const ButtonApp: ({ icon, isNotified, isActive, disabled, color, label, ...rest }: ButtonAppProps) => React$1.JSX.Element;
|
|
126
126
|
|
|
127
|
-
interface ContextualButtonProps extends ComponentPropsWithoutRef<'button'> {
|
|
128
|
-
label?: string;
|
|
129
|
-
variant?: 'dark' | 'light' | undefined;
|
|
130
|
-
icon?: React$1.ReactNode;
|
|
131
|
-
isNotified?: boolean;
|
|
132
|
-
isSelected?: boolean;
|
|
133
|
-
}
|
|
134
|
-
declare const ContextualButton: ({ label, icon, variant, disabled, isNotified, isSelected, ...props }: ContextualButtonProps) => React$1.JSX.Element;
|
|
135
|
-
|
|
136
127
|
declare function Color(): React$1.JSX.Element;
|
|
137
128
|
|
|
138
129
|
interface DividerProps extends ComponentPropsWithoutRef<'div'> {
|
|
@@ -632,4 +623,4 @@ interface WindowProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
632
623
|
}
|
|
633
624
|
declare function Window({ size, title, open, zIndex, onClose, ...rest }: WindowProps): React$1.JSX.Element | null;
|
|
634
625
|
|
|
635
|
-
export { Accordions, Alert, Avatar, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color,
|
|
626
|
+
export { Accordions, Alert, Avatar, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, Display, Divider, FileTree, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Piils as Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toggle, Tooltip, Window };
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
|
|
5
5
|
},
|
|
6
|
-
"version": "1.5.1-beta.
|
|
6
|
+
"version": "1.5.1-beta.4",
|
|
7
7
|
"description": "Design Language System develop by BIAENERGI",
|
|
8
8
|
"scripts": {
|
|
9
9
|
"rollup": "rollup -c",
|