bianic-ui 1.5.1-beta.2 → 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, ContextualButton } from './Button';
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, ContextualButton, 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 };
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, ContextualButton } from './Button';
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, ContextualButton, 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 };
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.2",
6
+ "version": "1.5.1-beta.4",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "scripts": {
9
9
  "rollup": "rollup -c",