bianic-ui 1.10.2 → 1.12.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.
Files changed (29) hide show
  1. package/dist/cjs/index.js +89 -34
  2. package/dist/cjs/lib.css +1 -1
  3. package/dist/cjs/types/components/Icons/Neutral.d.ts +4 -0
  4. package/dist/cjs/types/components/Icons/index.d.ts +1 -0
  5. package/dist/cjs/types/components/ResizeableDiv/Simulation.d.ts +1 -0
  6. package/dist/cjs/types/components/ResizeableDiv/SimulationZIndex.d.ts +15 -0
  7. package/dist/cjs/types/components/ResizeableDiv/index.d.ts +4 -1
  8. package/dist/cjs/types/components/Snippet/ContextualButtonsTable.d.ts +3 -0
  9. package/dist/cjs/types/components/Typography/Text/index.d.ts +2 -1
  10. package/dist/cjs/types/stories/Icons/Neutral.stories.d.ts +14 -0
  11. package/dist/cjs/types/stories/Resizeable/ResizeableSimulation.stories.d.ts +0 -1
  12. package/dist/cjs/types/stories/Resizeable/ResizeableZIndexSimulation.stories.d.ts +12 -0
  13. package/dist/cjs/types/stories/Snippet/ContextualButtonsTable/Story.stories.d.ts +13 -0
  14. package/dist/esm/index.js +89 -35
  15. package/dist/esm/lib.css +1 -1
  16. package/dist/esm/types/components/Icons/Neutral.d.ts +4 -0
  17. package/dist/esm/types/components/Icons/index.d.ts +1 -0
  18. package/dist/esm/types/components/ResizeableDiv/Simulation.d.ts +1 -0
  19. package/dist/esm/types/components/ResizeableDiv/SimulationZIndex.d.ts +15 -0
  20. package/dist/esm/types/components/ResizeableDiv/index.d.ts +4 -1
  21. package/dist/esm/types/components/Snippet/ContextualButtonsTable.d.ts +3 -0
  22. package/dist/esm/types/components/Typography/Text/index.d.ts +2 -1
  23. package/dist/esm/types/stories/Icons/Neutral.stories.d.ts +14 -0
  24. package/dist/esm/types/stories/Resizeable/ResizeableSimulation.stories.d.ts +0 -1
  25. package/dist/esm/types/stories/Resizeable/ResizeableZIndexSimulation.stories.d.ts +12 -0
  26. package/dist/esm/types/stories/Snippet/ContextualButtonsTable/Story.stories.d.ts +13 -0
  27. package/dist/index.d.ts +9 -3
  28. package/package.json +1 -1
  29. package/tailwind.config.js +1 -1
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IconProps } from './interface';
3
+ declare const Neutral: ({ className, fill, size, }: IconProps) => React.JSX.Element;
4
+ export default Neutral;
@@ -19,3 +19,4 @@ export { default as BCFlowqount } from './Flowqount';
19
19
  export { default as BCSpinner } from './Spinner';
20
20
  export { default as BCOutlet } from './Outlet';
21
21
  export { default as BCInlet } from './Inlet';
22
+ export { default as BCNeutral } from './Neutral';
@@ -3,6 +3,7 @@ interface ResizeableDivSimulationProps {
3
3
  resizerPosition?: 'top' | 'right' | 'bottom' | 'left';
4
4
  minimumWidth?: number | string;
5
5
  minimumHeight?: number | string;
6
+ ref?: React.Ref<HTMLDivElement>;
6
7
  }
7
8
  declare function ResizeableDivSimulation({ resizerPosition, minimumHeight, minimumWidth, }: ResizeableDivSimulationProps): React.JSX.Element;
8
9
  declare namespace ResizeableDivSimulation {
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ interface ResizeableDivZIndexSimulationProps {
3
+ resizerPosition?: 'top' | 'right' | 'bottom' | 'left';
4
+ minimumWidth?: number | string;
5
+ minimumHeight?: number | string;
6
+ zIndex?: number;
7
+ ref?: React.Ref<HTMLDivElement>;
8
+ }
9
+ declare function ResizeableDivZIndexSimulation({ resizerPosition, minimumHeight, minimumWidth, zIndex, }: ResizeableDivZIndexSimulationProps): React.JSX.Element;
10
+ declare namespace ResizeableDivZIndexSimulation {
11
+ var defaultProps: {
12
+ resizerPosition: string;
13
+ };
14
+ }
15
+ export default ResizeableDivZIndexSimulation;
@@ -3,11 +3,14 @@ interface ResizeableDivProps extends ComponentPropsWithRef<'div'> {
3
3
  position?: 'top' | 'right' | 'bottom' | 'left';
4
4
  initialWidth?: string | number;
5
5
  minWidth?: string | number;
6
+ maxWidth?: string | number;
6
7
  initialHeight?: string | number;
7
8
  minHeight?: string | number;
9
+ maxHeight?: string | number;
8
10
  children: React.ReactNode;
11
+ zIndex?: number;
9
12
  }
10
- declare function ResizeableDiv({ position, children, className, initialWidth, minWidth, initialHeight, minHeight, }: ResizeableDivProps): React.JSX.Element;
13
+ declare function ResizeableDiv({ position, children, className, initialWidth, minWidth, maxWidth, initialHeight, minHeight, maxHeight, ref, zIndex, ...props }: ResizeableDivProps): React.JSX.Element;
11
14
  declare namespace ResizeableDiv {
12
15
  var defaultProps: {
13
16
  position: string;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const ContextualButtonsTable: () => React.JSX.Element;
3
+ export default ContextualButtonsTable;
@@ -4,10 +4,11 @@ interface TextProps extends ComponentPropsWithoutRef<'span'> {
4
4
  children: React.ReactNode;
5
5
  variant: 'large-text' | 'large-text-semibold' | 'medium-text' | 'medium-text-semibold' | 'caption' | 'caption-semibold' | 'normal-text' | 'normal-text-semilight' | 'normal-text-semibold' | 'normal-text-bold' | 'small-text' | 'small-text-semibold' | 'tiny-text' | 'tiny-text-bold' | 'script' | 'link';
6
6
  }
7
- declare function Text({ extended, variant, children }: TextProps): React.JSX.Element;
7
+ declare function Text({ extended, variant, children, className }: TextProps): React.JSX.Element;
8
8
  declare namespace Text {
9
9
  var defaultProps: {
10
10
  extended: string;
11
+ className: string;
11
12
  };
12
13
  }
13
14
  export default Text;
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import type { StoryObj } from '@storybook/react';
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ className, fill, size, }: import("../../components/Icons/interface").IconProps) => import("react").JSX.Element;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ args: {};
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof meta>;
14
+ export declare const Preview: Story;
@@ -6,7 +6,6 @@ declare const meta: {
6
6
  parameters: {
7
7
  layout: string;
8
8
  };
9
- tags: string[];
10
9
  };
11
10
  export default meta;
12
11
  type Story = StoryObj<typeof meta>;
@@ -0,0 +1,12 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import ResizeableDivZIndexSimulation from '../../components/ResizeableDiv/SimulationZIndex';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof ResizeableDivZIndexSimulation;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<typeof meta>;
12
+ export declare const SimulationZIndex: Story;
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import type { StoryObj } from '@storybook/react';
3
+ declare const meta: {
4
+ title: string;
5
+ component: () => import("react").JSX.Element;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ args: {};
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const Demo: Story;
package/dist/index.d.ts CHANGED
@@ -511,6 +511,8 @@ declare const Outlet: ({ className, fill, size }: IconProps) => React$1.JSX.Elem
511
511
 
512
512
  declare const Inlet: ({ className, fill, size }: IconProps) => React$1.JSX.Element;
513
513
 
514
+ declare const Neutral: ({ className, fill, size, }: IconProps) => React$1.JSX.Element;
515
+
514
516
  interface ModalProps extends ComponentPropsWithoutRef<'div'> {
515
517
  size?: 'sm' | 'md' | 'lg' | 'xl';
516
518
  zIndex?: number;
@@ -582,11 +584,14 @@ interface ResizeableDivProps extends ComponentPropsWithRef<'div'> {
582
584
  position?: 'top' | 'right' | 'bottom' | 'left';
583
585
  initialWidth?: string | number;
584
586
  minWidth?: string | number;
587
+ maxWidth?: string | number;
585
588
  initialHeight?: string | number;
586
589
  minHeight?: string | number;
590
+ maxHeight?: string | number;
587
591
  children: React$1.ReactNode;
592
+ zIndex?: number;
588
593
  }
589
- declare function ResizeableDiv({ position, children, className, initialWidth, minWidth, initialHeight, minHeight, }: ResizeableDivProps): React$1.JSX.Element;
594
+ declare function ResizeableDiv({ position, children, className, initialWidth, minWidth, maxWidth, initialHeight, minHeight, maxHeight, ref, zIndex, ...props }: ResizeableDivProps): React$1.JSX.Element;
590
595
  declare namespace ResizeableDiv {
591
596
  var defaultProps: {
592
597
  position: string;
@@ -728,10 +733,11 @@ interface TextProps extends ComponentPropsWithoutRef<'span'> {
728
733
  children: React$1.ReactNode;
729
734
  variant: 'large-text' | 'large-text-semibold' | 'medium-text' | 'medium-text-semibold' | 'caption' | 'caption-semibold' | 'normal-text' | 'normal-text-semilight' | 'normal-text-semibold' | 'normal-text-bold' | 'small-text' | 'small-text-semibold' | 'tiny-text' | 'tiny-text-bold' | 'script' | 'link';
730
735
  }
731
- declare function Text({ extended, variant, children }: TextProps): React$1.JSX.Element;
736
+ declare function Text({ extended, variant, children, className }: TextProps): React$1.JSX.Element;
732
737
  declare namespace Text {
733
738
  var defaultProps: {
734
739
  extended: string;
740
+ className: string;
735
741
  };
736
742
  }
737
743
 
@@ -764,4 +770,4 @@ interface WindowProps extends ComponentPropsWithRef<'div'> {
764
770
  }
765
771
  declare function Window({ size, title, zIndex, onClose, ...rest }: WindowProps): React$1.JSX.Element;
766
772
 
767
- export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, DatePicker, Display, Divider, DropdownContainer, DropdownItem, FileTree, FormGroup, FormGroupButton, FormGroupLabel, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };
773
+ export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Neutral as BCNeutral, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, DatePicker, Display, Divider, DropdownContainer, DropdownItem, FileTree, FormGroup, FormGroupButton, FormGroupLabel, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, 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.10.2",
6
+ "version": "1.12.0",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "scripts": {
9
9
  "rollup": "rollup -c",
@@ -205,7 +205,7 @@ module.exports = {
205
205
  },
206
206
  'bia-grey': {
207
207
  DEFAULT: 'var(--grey)',
208
- hover: 'var(--grey-light-10)',
208
+ hover: 'var(--grey-light-20)',
209
209
  active: 'var(--grey-dark-10)',
210
210
  disabled: 'var(--grey-light-50)',
211
211
  pastel: 'var(--grey-light-90)',