@evergis/uilib-gl 1.0.118 → 1.0.120

package/dist/atoms/Grid/Grid.d.ts

@@ -0,0 +1,2 @@
+import { GridElementProps } from "./types";
+export declare const Grid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, GridElementProps, never>;

package/dist/atoms/Grid/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./Flex";
+export * from "./Grid";
 export * from "./types";

package/dist/atoms/Grid/types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from "react";
-import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, FontSizeProps, FontWeightProps, FontStyleProps, SpaceProps, LayoutProps, TextAlignProps, PositionProps, LineHeightProps } from "styled-system";
+import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, FontSizeProps, FontWeightProps, FontStyleProps, SpaceProps, LayoutProps, TextAlignProps, PositionProps, LineHeightProps, GridProps } from "styled-system";
 export interface FlexProps extends BackgroundProps, BorderProps, ColorProps, FlexboxProps, FontSizeProps, FontWeightProps, FontStyleProps, SpaceProps, LayoutProps, TextAlignProps, PositionProps, LineHeightProps {
     column?: boolean;
     row?: boolean;
@@ -9,3 +9,6 @@ export interface FlexSpanProps extends BackgroundProps, BorderProps, ColorProps,
     width?: string | number;
     whiteSpace?: CSSProperties["whiteSpace"];
 }
+export interface GridElementProps extends GridProps, BackgroundProps, BorderProps, ColorProps, FontSizeProps, FontWeightProps, FontStyleProps, SpaceProps, LayoutProps, TextAlignProps, PositionProps, LineHeightProps {
+    gap?: CSSProperties["gap"];
+}

package/dist/uilib-gl.esm.js

@@ -14,7 +14,7 @@ import AutosuggestHighlightParse from 'autosuggest-highlight/parse';
 import { debounce as debounce$1, throttle, isEqual, isNil, unescape, defaults, keyBy, isEmpty } from 'lodash-es';
 import { CSSTransition as CSSTransition$1, TransitionGroup } from 'react-transition-group';
 import Transition from 'react-transition-group/Transition';
-import { background, border, color, flexbox, fontSize, fontWeight, fontStyle, space, layout, textAlign, position, lineHeight, padding } from 'styled-system';
+import { background, border, color, flexbox, fontSize, fontWeight, fontStyle, space, layout, textAlign, position, lineHeight, grid, padding } from 'styled-system';
 import Bowser from 'bowser';
 import { Color } from '@evergis/color';
 import { IMaskMixin } from 'react-imask';
@@ -12124,6 +12124,30 @@ const FlexSpan = styled.span`
   ${lineHeight}
 `;
 
+const Grid = styled.div`
+  display: grid;
+  width: 100%;
+  gap: ${_ref => {
+  let {
+    gap
+  } = _ref;
+  return gap;
+}};
+  box-sizing: border-box;
+  ${grid}
+  ${background}
+  ${border}
+  ${color}
+  ${fontSize}
+  ${fontWeight}
+  ${fontStyle}
+  ${space}
+  ${layout}
+  ${textAlign}
+  ${position}
+  ${lineHeight}
+`;
+
 var LoadingStatus;
 
 (function (LoadingStatus) {
@@ -22172,7 +22196,7 @@ const CalendarGridContainer = styled.div`
   flex-grow: 1;
   margin: 0 1rem 1rem 1rem;
 `;
-const Grid = styled.div`
+const Grid$1 = styled.div`
   flex-wrap: wrap;
   flex-grow: 1;
   display: flex;
@@ -22643,7 +22667,7 @@ const CalendarGridComponent = props => {
   const weekdays = getNameWeekdays("EEEEEE");
   return React.createElement(CalendarGridContainer, null, React.createElement(Weekdays, {
     weekdays: weekdays
-  }), React.createElement(Grid, {
+  }), React.createElement(Grid$1, {
     onMouseLeave: onMouseLeave
   }, createDateObjects(date).map((item, i) => React.createElement(Day, Object.assign({}, props, item, {
     enterDate: enterDate,
@@ -28406,14 +28430,14 @@ const TreeItemWrapper = styled.li``;
 const TreeRow = /*#__PURE__*/styled(Flex)`
   align-items: center;
   min-height: 1.5rem;
-  ${_ref2 => {
+  color: ${_ref2 => {
   let {
     theme: {
       palette
     },
     disabled
   } = _ref2;
-  return disabled && `color: ${palette.textDisabled}`;
+  return disabled ? palette.textDisabled : palette.textPrimary;
 }};
 
   cursor: pointer;
@@ -31768,5 +31792,5 @@ const JSONEditorBase = _ref => {
 
 const JSONEditor = /*#__PURE__*/memo(JSONEditorBase);
 
-export { ActionButton, Actions, ActionsGroup, AdditionalInfo, AnchorContainer, AutoComplete, BaseButton, Blank, Box, ButtonsGroup, ButtonsGroupComponent, CSSTransition, Card, CardBodyContainer, Header$1 as CardHeader, ImageGradientOverlay as CardImageGradientOverlay, ImageOverlay as CardImageOverlay, CardLoader, Checkbox, CheckboxComponent, Chip, ChipAutoCompleDivider, ChipAutoCompleSlider, ChipAutoComplete, ChipAutoCompleteControlFlex, ChipAutoCompleteMode, ChipAutoCompleteTags, ChipContainer, ChipInput, ChipInputHolder, Circle, CircularProgress, Collapse, CollapseWrapper, ColorButton, ColorInput, ColorPicker, ComparisonOperator, Container$5 as Container, CustomButton, CustomToggle, DATE_FORMAT, DATE_TIME_FORMAT, DataGrid, DatePicker, Description, Dialog, DialogActions, DialogComponent, DialogContent, DialogOverlay, DialogTitle, Divider, DividerLine, DragAreaWrapper, DraggableTree, DraggableTreeContainer, DraggableTreeItem, DropHereTitle, Dropdown, DropdownContainer, DropdownField, DropdownOptionIcon, ElementsArea, Expander, FILE_SIZE_STEP, FadingIcon, FieldValue, FileExt, FileInfoComment, FileInfoName, FileInfoProgress, FileInfoTitle, FileSymbolContainer, FilterInput, FlatButton, Flex, FlexSpan, FocusTrap, GlobalsContainer, H1, H2, H3, H4, Handlers, HueMap, HueSlider, selection as IcoMoonSelection, Icon, IconButton, IconButtonButton, IconButtonInnerChild, IconMenu, IconToggle, IconToggleButton, IconToggleText, Image, ImageLoader, InfiniteScroll, InfiniteScrollContainer, InfiniteScrollLoaderContainer, InjectGlobalStyles, Input$1 as Input, InputLabel, InputsGroup, InputsGroupContainer, InputsGroupELement, InputsGroupElements, InputsGroupLabel, ItemContainer, JSONEditor, JSONEditorContainer, JSONEditorLinearProgress, JSONEditorWrapper, Label$2 as Label, LabeledTextarea, LeftSide, LegendToggler, LinearLoader, LinearProgress, Link, ListTransition, LoadMoreButton, LoadingContainer, MAX_NUMBER, MB_FILE_SIZE, MIN_NUMBER, MaskedComponent, Menu, MenuContainer, Message, MultiSelectContainer, Notifications, NumberInput, NumberRangeContainer, NumberRangeInputContainer, NumberRangeSlider, NumberRangeSliderContainer, NumberRangeSliderLabel, OpacitySlider, Option, OptionContainer, OptionDescription, OptionIcon, OptionText, OptionToggler, OptionValueContainer, OptionValueWrapper, PaginationFull, PaginationSimple, Paragraph, PasswordToggle, Placeholder, Popover, PopoverTransition, Popup$1 as Popup, Portal, Preview, Radio$1 as Radio, RadioGroup, RaisedButton, RangeDateInput, RangeDatePicker, RangeNumberInput, RatioLine, RegularIconButton, SEPARATED_TIME_FORMAT, SearchField, SearchInputContainer, SelectFromComputerTitle, SimpleInput, Slider, SliderContainer$2 as SliderContainer, HandleContainer as SliderHandle, Label$1 as SliderLabel, LowerTrackBackground as SliderLowerTrackBackground, SliderPopover, Track as SliderTrack, SortToggle, Spinner, Stepper, StyledInput, Switch, SwitchArea, SwitchContainer, SwitchTitle, Switcher, SymbolLibrary, SymbolPreview, THROTTLING_DELAY, TIME_FORMAT, TabBlock, TabContainer, TabContainerLine, Tabs, Text, TextTrim, Textarea, ThemeProvider, Tippy, TitleText, Tooltip, TooltipContent, Tree, TreeContainer, TreeContent, TreeDescription, TreeDropdown, TreeDropdownItem, TreeExpand, TreeItem, TreeItemWrapper, TreeItems, TreeRow, TreeText, UnicodeBig, UnicodeSmall, Uploader, UploaderItemArea, UploaderItemsContainer, UploaderTitle, UploaderTitleContainer, UploaderTitleImage, UploaderTitleWrapper, UserChip, UserChipImagePlaceholder, UserChipItem, UserChipItemIcon, UserChipItemImage, ValueLink, ValuePrefix, WaitingButton, WaitingButtonComponent, WithLabelContainer, Wizard, addItem, borderRadius, buttonMixin, clamp, cloneWithRefs, collapseDuration, combineRefs, createColorOrMono, createIconColors, createLinkStates, createMessageColors, createTheme, createToggleStates, createVariants, cropLeftBorderRadius, cropRightBorderRadius, theme$1 as darkTheme, dateFormat, defaultOptions, defaultStub, theme as defaultTheme, fileSizeFormat, findTreeItemById, fonts, getChipColor, getColorOrMono, getHighlightParts, getIconColors, getLinkColors, getLocale, getMessageColors, getNumberFromPixels, getRealChildren, getTagColor, getTextWidth, getTheme, getToggleStates, getUnicodeFromString, getVariant, horizontalDivider, iconTypes, injectIcon, inputMixin, isDefined, isDescendant, isDomNode, isNumeric, isOutside, isReactDomElement, isReactElement, isSimpleStyledComponent, isTextFitElementWidth, isTouchDevice, isValidUrl, mapToSimpleOption, palette, photo, preventDefault, randomInteger, randomRgba, rangeValueFormat, removeItem, replaceTreeItemById, sendRefSafety, shadows, sortNumbers, stub, textOverflowEllipsisMixin, toNumber, toSimpleOption, transition, transparencyDark2, transparencyDark4, Transparency_dark8 as transparencyDark8, transparencyLight2, transparencyLight4, Transparency_light8 as transparencyLight8, typeId, urlify, useAsyncAutocomplete, useDelayedStyleLoader, useDialogShadow, useDragAndDropEffect, useEventListener, useForceUpdate, useMounted, useMutationObserver, usePrevValue, useStyleLoader, useTheme, useThrottling, useToggle, useUndraggableEffect, useUnselectableEffect, verticalDivider, withLabel };
+export { ActionButton, Actions, ActionsGroup, AdditionalInfo, AnchorContainer, AutoComplete, BaseButton, Blank, Box, ButtonsGroup, ButtonsGroupComponent, CSSTransition, Card, CardBodyContainer, Header$1 as CardHeader, ImageGradientOverlay as CardImageGradientOverlay, ImageOverlay as CardImageOverlay, CardLoader, Checkbox, CheckboxComponent, Chip, ChipAutoCompleDivider, ChipAutoCompleSlider, ChipAutoComplete, ChipAutoCompleteControlFlex, ChipAutoCompleteMode, ChipAutoCompleteTags, ChipContainer, ChipInput, ChipInputHolder, Circle, CircularProgress, Collapse, CollapseWrapper, ColorButton, ColorInput, ColorPicker, ComparisonOperator, Container$5 as Container, CustomButton, CustomToggle, DATE_FORMAT, DATE_TIME_FORMAT, DataGrid, DatePicker, Description, Dialog, DialogActions, DialogComponent, DialogContent, DialogOverlay, DialogTitle, Divider, DividerLine, DragAreaWrapper, DraggableTree, DraggableTreeContainer, DraggableTreeItem, DropHereTitle, Dropdown, DropdownContainer, DropdownField, DropdownOptionIcon, ElementsArea, Expander, FILE_SIZE_STEP, FadingIcon, FieldValue, FileExt, FileInfoComment, FileInfoName, FileInfoProgress, FileInfoTitle, FileSymbolContainer, FilterInput, FlatButton, Flex, FlexSpan, FocusTrap, GlobalsContainer, Grid, H1, H2, H3, H4, Handlers, HueMap, HueSlider, selection as IcoMoonSelection, Icon, IconButton, IconButtonButton, IconButtonInnerChild, IconMenu, IconToggle, IconToggleButton, IconToggleText, Image, ImageLoader, InfiniteScroll, InfiniteScrollContainer, InfiniteScrollLoaderContainer, InjectGlobalStyles, Input$1 as Input, InputLabel, InputsGroup, InputsGroupContainer, InputsGroupELement, InputsGroupElements, InputsGroupLabel, ItemContainer, JSONEditor, JSONEditorContainer, JSONEditorLinearProgress, JSONEditorWrapper, Label$2 as Label, LabeledTextarea, LeftSide, LegendToggler, LinearLoader, LinearProgress, Link, ListTransition, LoadMoreButton, LoadingContainer, MAX_NUMBER, MB_FILE_SIZE, MIN_NUMBER, MaskedComponent, Menu, MenuContainer, Message, MultiSelectContainer, Notifications, NumberInput, NumberRangeContainer, NumberRangeInputContainer, NumberRangeSlider, NumberRangeSliderContainer, NumberRangeSliderLabel, OpacitySlider, Option, OptionContainer, OptionDescription, OptionIcon, OptionText, OptionToggler, OptionValueContainer, OptionValueWrapper, PaginationFull, PaginationSimple, Paragraph, PasswordToggle, Placeholder, Popover, PopoverTransition, Popup$1 as Popup, Portal, Preview, Radio$1 as Radio, RadioGroup, RaisedButton, RangeDateInput, RangeDatePicker, RangeNumberInput, RatioLine, RegularIconButton, SEPARATED_TIME_FORMAT, SearchField, SearchInputContainer, SelectFromComputerTitle, SimpleInput, Slider, SliderContainer$2 as SliderContainer, HandleContainer as SliderHandle, Label$1 as SliderLabel, LowerTrackBackground as SliderLowerTrackBackground, SliderPopover, Track as SliderTrack, SortToggle, Spinner, Stepper, StyledInput, Switch, SwitchArea, SwitchContainer, SwitchTitle, Switcher, SymbolLibrary, SymbolPreview, THROTTLING_DELAY, TIME_FORMAT, TabBlock, TabContainer, TabContainerLine, Tabs, Text, TextTrim, Textarea, ThemeProvider, Tippy, TitleText, Tooltip, TooltipContent, Tree, TreeContainer, TreeContent, TreeDescription, TreeDropdown, TreeDropdownItem, TreeExpand, TreeItem, TreeItemWrapper, TreeItems, TreeRow, TreeText, UnicodeBig, UnicodeSmall, Uploader, UploaderItemArea, UploaderItemsContainer, UploaderTitle, UploaderTitleContainer, UploaderTitleImage, UploaderTitleWrapper, UserChip, UserChipImagePlaceholder, UserChipItem, UserChipItemIcon, UserChipItemImage, ValueLink, ValuePrefix, WaitingButton, WaitingButtonComponent, WithLabelContainer, Wizard, addItem, borderRadius, buttonMixin, clamp, cloneWithRefs, collapseDuration, combineRefs, createColorOrMono, createIconColors, createLinkStates, createMessageColors, createTheme, createToggleStates, createVariants, cropLeftBorderRadius, cropRightBorderRadius, theme$1 as darkTheme, dateFormat, defaultOptions, defaultStub, theme as defaultTheme, fileSizeFormat, findTreeItemById, fonts, getChipColor, getColorOrMono, getHighlightParts, getIconColors, getLinkColors, getLocale, getMessageColors, getNumberFromPixels, getRealChildren, getTagColor, getTextWidth, getTheme, getToggleStates, getUnicodeFromString, getVariant, horizontalDivider, iconTypes, injectIcon, inputMixin, isDefined, isDescendant, isDomNode, isNumeric, isOutside, isReactDomElement, isReactElement, isSimpleStyledComponent, isTextFitElementWidth, isTouchDevice, isValidUrl, mapToSimpleOption, palette, photo, preventDefault, randomInteger, randomRgba, rangeValueFormat, removeItem, replaceTreeItemById, sendRefSafety, shadows, sortNumbers, stub, textOverflowEllipsisMixin, toNumber, toSimpleOption, transition, transparencyDark2, transparencyDark4, Transparency_dark8 as transparencyDark8, transparencyLight2, transparencyLight4, Transparency_light8 as transparencyLight8, typeId, urlify, useAsyncAutocomplete, useDelayedStyleLoader, useDialogShadow, useDragAndDropEffect, useEventListener, useForceUpdate, useMounted, useMutationObserver, usePrevValue, useStyleLoader, useTheme, useThrottling, useToggle, useUndraggableEffect, useUnselectableEffect, verticalDivider, withLabel };
 //# sourceMappingURL=uilib-gl.esm.js.map