@steroidsjs/bootstrap 3.0.35 → 3.0.38

package/form/DateRangeField/views/RangeButtons/RangeButtons.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 @use '../../../../scss/variables';
 
 $all-directions: top, bottom, left, right;
@@ -56,18 +57,18 @@ $positions: (
     &_position {
         @each $dir, $config in $positions {
             &_#{$dir} {
-              flex-direction: map-get($config, flex-direction);
-              justify-content: map-get($config, justify-content);
-          
-              @each $pad, $val in map-get($config, padding) {
+              flex-direction: map.get($config, flex-direction);
+              justify-content: map.get($config, justify-content);
+
+              @each $pad, $val in map.get($config, padding) {
                 #{$pad}: #{$val};
               }
-          
+
               &::before {
-                @each $prop, $val in map-get($config, before) {
+                @each $prop, $val in map.get($config, before) {
                   #{$prop}: #{$val};
                 }
-                @each $size, $val in map-get($config, size) {
+                @each $size, $val in map.get($config, size) {
                   #{$size}: #{$val};
                 }
               }
@@ -77,39 +78,39 @@ $positions: (
             @each $dir2 in $all-directions {
               @if $dir1 != $dir2 {
                 &_#{$dir1}-#{$dir2} {
-                  flex-direction: map-get(map-get($positions, $dir1), flex-direction);
-                  justify-content: map-get(map-get($positions, $dir1), justify-content);
-          
+                  flex-direction: map.get(map.get($positions, $dir1), flex-direction);
+                  justify-content: map.get(map.get($positions, $dir1), justify-content);
+
                   // padding из первого направления
-                  @each $pad, $val in map-get(map-get($positions, $dir1), padding) {
+                  @each $pad, $val in map.get(map.get($positions, $dir1), padding) {
                     #{$pad}: #{$val};
                   }
-          
+
                   &::before {
                     // before из первого направления
-                    @each $prop, $val in map-get(map-get($positions, $dir1), before) {
+                    @each $prop, $val in map.get(map.get($positions, $dir1), before) {
                       #{$prop}: #{$val};
                     }
                     // size из первого направления
-                    @each $size, $val in map-get(map-get($positions, $dir1), size) {
+                    @each $size, $val in map.get(map.get($positions, $dir1), size) {
                       #{$size}: #{$val};
                     }
                   }
-          
+
                   @media (max-width: variables.$tablet-width) {
                     // при адаптиве — использовать второй как fallback
-                    flex-direction: map-get(map-get($positions, $dir2), flex-direction);
-                    justify-content: map-get(map-get($positions, $dir2), justify-content);
-          
-                    @each $pad, $val in map-get(map-get($positions, $dir2), padding) {
+                    flex-direction: map.get(map.get($positions, $dir2), flex-direction);
+                    justify-content: map.get(map.get($positions, $dir2), justify-content);
+
+                    @each $pad, $val in map.get(map.get($positions, $dir2), padding) {
                       #{$pad}: #{$val};
                     }
-          
+
                     &::before {
-                      @each $prop, $val in map-get(map-get($positions, $dir2), before) {
+                      @each $prop, $val in map.get(map.get($positions, $dir2), before) {
                         #{$prop}: #{$val};
                       }
-                      @each $size, $val in map-get(map-get($positions, $dir2), size) {
+                      @each $size, $val in map.get(map.get($positions, $dir2), size) {
                         #{$size}: #{$val};
                       }
                     }
@@ -123,4 +124,4 @@ $positions: (
     .ButtonView__text {
         text-wrap: nowrap;
     }
-}
+}

package/form/DateTimeField/DateTimeFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IDateTimeFieldViewProps } from '@steroidsjs/core/ui/form/DateTimeField/DateTimeField';
-export default function DateTimeFieldView(props: IDateTimeFieldViewProps): React.JSX.Element;
+export default function DateTimeFieldView(props: IDateTimeFieldViewProps): JSX.Element;

package/form/DateTimeRangeField/DateTimeRangeFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IDateTimeRangeFieldViewProps } from '@steroidsjs/core/ui/form/DateTimeRangeField/DateTimeRangeField';
-export default function DateTimeRangeFieldView(props: IDateTimeRangeFieldViewProps): React.JSX.Element;
+export default function DateTimeRangeFieldView(props: IDateTimeRangeFieldViewProps): JSX.Element;

package/form/DateTimeRangeField/DateTimeRangeFieldView.scss

@@ -72,11 +72,11 @@ $all-directions: top, bottom, left, right;
         &_position {
             @each $pos, $config in $positions {
                 &_#{$pos} {
-                    flex-direction: map-get($config, direction);
+                    flex-direction: map.get($config, direction);
                     align-items: center;
                 
                     @media (max-width: variables.$tablet-width) {
-                        flex-direction: map-get($config, responsive);
+                        flex-direction: map.get($config, responsive);
                         align-items: center;
                     }
                 }
@@ -85,11 +85,11 @@ $all-directions: top, bottom, left, right;
                 @each $dir2 in $all-directions {
                     @if $dir1 != $dir2 {
                     &_#{$dir1}-#{$dir2} {
-                        flex-direction: map-get(map-get($positions, $dir1), direction);
+                        flex-direction: map.get(map.get($positions, $dir1), direction);
                         align-items: center;
                 
                         @media (max-width: variables.$tablet-width) {
-                            flex-direction: map-get(map-get($positions, $dir2), direction);
+                            flex-direction: map.get(map.get($positions, $dir2), direction);
                             align-items: center;
                         }
                     }

package/form/DropDownField/DropDownFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IDropDownFieldViewProps } from '@steroidsjs/core/ui/form/DropDownField/DropDownField';
-export default function DropDownFieldView(props: IDropDownFieldViewProps): React.JSX.Element;
+export default function DropDownFieldView(props: IDropDownFieldViewProps): JSX.Element;

package/form/DropDownFieldItem/DropDownFieldItemView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IDropDownFieldItemViewProps } from '@steroidsjs/core/ui/form/DropDownField/DropDownField';
-export default function DropDownItemView(props: IDropDownFieldItemViewProps): React.JSX.Element;
+export default function DropDownItemView(props: IDropDownFieldItemViewProps): JSX.Element;

package/form/FieldLayout/FieldLayoutView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IFieldLayoutViewProps } from '@steroidsjs/core/ui/form/FieldLayout/FieldLayout';
-export default function FieldLayoutView(props: IFieldLayoutViewProps): React.JSX.Element;
+export default function FieldLayoutView(props: IFieldLayoutViewProps): JSX.Element;

package/form/FieldList/FieldListItemView.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { IFieldListItemViewProps } from '@steroidsjs/core/ui/form/FieldList/FieldList';
-declare const _default: React.MemoExoticComponent<(props: IFieldListItemViewProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: IFieldListItemViewProps) => JSX.Element>;
 export default _default;

package/form/FieldList/FieldListView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IFieldListViewProps } from '@steroidsjs/core/ui/form/FieldList/FieldList';
-export default function FieldListView(props: IFieldListViewProps): React.JSX.Element;
+export default function FieldListView(props: IFieldListViewProps): JSX.Element;

package/form/FieldSet/FieldSetView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IFieldSetViewProps } from '@steroidsjs/core/ui/form/FieldSet/FieldSet';
-export default function FieldSetView(props: IFieldSetViewProps): React.JSX.Element;
+export default function FieldSetView(props: IFieldSetViewProps): JSX.Element;

package/form/FileField/FileFieldItemView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IFileFieldItemViewProps } from '@steroidsjs/core/ui/form/FileField/FileField';
-export default function FileFieldItemView(props: IFileFieldItemViewProps): React.JSX.Element;
+export default function FileFieldItemView(props: IFileFieldItemViewProps): JSX.Element;

package/form/FileField/FileFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IFileFieldViewProps } from '@steroidsjs/core/ui/form/FileField/FileField';
-export default function FileFieldView(props: IFileFieldViewProps): React.JSX.Element;
+export default function FileFieldView(props: IFileFieldViewProps): JSX.Element;

package/form/Form/FormView.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { IFormViewProps } from '@steroidsjs/core/ui/form/Form/Form';
-declare function FormView(props: IFormViewProps): React.JSX.Element;
+declare function FormView(props: IFormViewProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormView>;
 export default _default;

package/form/HtmlField/HtmlFieldView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IHtmlFieldViewProps } from '@steroidsjs/core/ui/form/HtmlField/HtmlField';
-export default function HtmlFieldView(props: IHtmlFieldViewProps): React.JSX.Element;
+export default function HtmlFieldView(props: IHtmlFieldViewProps): JSX.Element;

package/form/ImageField/ImageFieldModalView.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IImageFieldModalViewProps } from '@steroidsjs/core/ui/form/ImageField/ImageField';
 import 'react-image-crop/dist/ReactCrop.css';
-export default function ImageFieldModalView(props: IImageFieldModalViewProps): React.JSX.Element;
+export default function ImageFieldModalView(props: IImageFieldModalViewProps): JSX.Element;

package/form/ImageField/ImageFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IImageFieldViewProps } from '@steroidsjs/core/ui/form/ImageField/ImageField';
-export default function ImageFieldView(props: IImageFieldViewProps): React.JSX.Element;
+export default function ImageFieldView(props: IImageFieldViewProps): JSX.Element;

package/form/InputField/InputFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IInputFieldViewProps } from '@steroidsjs/core/ui/form/InputField/InputField';
-export default function InputFieldView(props: IInputFieldViewProps): React.JSX.Element;
+export default function InputFieldView(props: IInputFieldViewProps): JSX.Element;

package/form/InputField/InputFieldView.scss

@@ -44,7 +44,7 @@ $lead-icon-disabled-color: var(--lead-icon-disabled-color);
     --addon-padding: 5px 8px;
 
     --input-font-size: #{variables.$font-size-sm};
- 
+
     //Sizes
     &_size {
         &_lg {
@@ -215,16 +215,18 @@ $lead-icon-disabled-color: var(--lead-icon-disabled-color);
         color: variables.$text-color;
     }
 
-    // BORDERS 
-    --input-border-radius: #{variables.$radius-small};
-    --input-border-width: 1px;
-    --input-border-color: #{variables.$element-border-color};
-    --input-left-border-radius: var(--input-border-radius);
-    --input-right-border-radius: var(--input-border-radius);
+    & {
+        // BORDERS
+        --input-border-radius: #{variables.$radius-small};
+        --input-border-width: 1px;
+        --input-border-color: #{variables.$element-border-color};
+        --input-left-border-radius: var(--input-border-radius);
+        --input-right-border-radius: var(--input-border-radius);
 
-    --input-wrapper-border-width: 1px;
-    --input-wrapper-border-color: transparent;
-    --input-wrapper-border-opacity: 0;
+        --input-wrapper-border-width: 1px;
+        --input-wrapper-border-color: transparent;
+        --input-wrapper-border-opacity: 0;
+    }
 
     &_hasError {
         --input-wrapper-border-width: 1px;

package/form/NumberField/NumberFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { INumberFieldViewProps } from '@steroidsjs/core/ui/form/NumberField/NumberField';
-export default function NumberFieldView(props: INumberFieldViewProps): React.JSX.Element;
+export default function NumberFieldView(props: INumberFieldViewProps): JSX.Element;

package/form/PasswordField/PasswordFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IPasswordFieldViewProps } from '@steroidsjs/core/ui/form/PasswordField/PasswordField';
-export default function PasswordFieldView(props: IPasswordFieldViewProps): React.JSX.Element;
+export default function PasswordFieldView(props: IPasswordFieldViewProps): JSX.Element;

package/form/RadioField/RadioFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ICheckboxFieldViewProps } from '@steroidsjs/core/ui/form/CheckboxField/CheckboxField';
-export default function RadioFieldView(props: ICheckboxFieldViewProps): React.JSX.Element;
+export default function RadioFieldView(props: ICheckboxFieldViewProps): JSX.Element;

package/form/RadioListField/RadioListFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ICheckboxListFieldViewProps } from '@steroidsjs/core/ui/form/CheckboxListField/CheckboxListField';
-export default function RadioListFieldView(props: ICheckboxListFieldViewProps): React.JSX.Element;
+export default function RadioListFieldView(props: ICheckboxListFieldViewProps): JSX.Element;

package/form/RateField/RateFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IRateFieldViewProps } from '@steroidsjs/core/ui/form/RateField/RateField';
-export default function RateFieldView(props: IRateFieldViewProps): React.JSX.Element;
+export default function RateFieldView(props: IRateFieldViewProps): JSX.Element;

package/form/ReCaptchaField/ReCaptchaFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IReCaptchaFieldViewProps } from '@steroidsjs/core/ui/form/ReCaptchaField/ReCaptchaField';
-export default function ReCaptchaFieldView(props: IReCaptchaFieldViewProps): React.JSX.Element;
+export default function ReCaptchaFieldView(props: IReCaptchaFieldViewProps): JSX.Element;

package/form/SliderField/SliderFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ISliderFieldViewProps } from '@steroidsjs/core/ui/form/SliderField/SliderField';
-export default function SliderFieldView(props: ISliderFieldViewProps): React.JSX.Element;
+export default function SliderFieldView(props: ISliderFieldViewProps): JSX.Element;

package/form/SwitcherField/SwitcherFieldView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ICheckboxFieldViewProps } from '@steroidsjs/core/ui/form/CheckboxField/CheckboxField';
-export default function SwitcherFieldView(props: ICheckboxFieldViewProps): React.JSX.Element;
+export default function SwitcherFieldView(props: ICheckboxFieldViewProps): JSX.Element;

package/form/SwitcherListField/SwitcherListFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ICheckboxListFieldViewProps } from '@steroidsjs/core/ui/form/CheckboxListField/CheckboxListField';
-export default function SwitcherListFieldView(props: ICheckboxListFieldViewProps): React.JSX.Element;
+export default function SwitcherListFieldView(props: ICheckboxListFieldViewProps): JSX.Element;

package/form/TextField/TextFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ITextFieldViewProps } from '@steroidsjs/core/ui/form/TextField/TextField';
-export default function TextFieldView(props: ITextFieldViewProps): React.JSX.Element;
+export default function TextFieldView(props: ITextFieldViewProps): JSX.Element;

package/form/TimeField/TimeFieldView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ITimeFieldViewProps } from '@steroidsjs/core/ui/form/TimeField/TimeField';
-export default function TimeFieldView(props: ITimeFieldViewProps): React.JSX.Element;
+export default function TimeFieldView(props: ITimeFieldViewProps): JSX.Element;

package/form/TimeField/TimePanelView.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ITimePanelViewProps } from '@steroidsjs/core/ui/form/TimeField/TimeField';
 export interface ITimePanelColumn {
     values: string[];
     currentValueKey: string;
     onUpdate: (value: string) => void;
 }
-declare function TimePanelView(props: ITimePanelViewProps): React.JSX.Element;
+declare function TimePanelView(props: ITimePanelViewProps): JSX.Element;
 declare namespace TimePanelView {
     var defaultProps: {
         showHeader: boolean;

package/form/TimeField/views/TimePanelColumn/TimePanelColumn.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { ITimePanelColumn } from '../../TimePanelView';
 import './TimePanelColumn.scss';
 export interface ITimePanelColumnProps {
     column: ITimePanelColumn;
     currentValue: string;
 }
-export default function TimePanelColumn(props: ITimePanelColumnProps): React.JSX.Element;
+export default function TimePanelColumn(props: ITimePanelColumnProps): JSX.Element;

package/form/TimeRangeField/TimeRangeFieldView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ITimeRangeFieldViewProps } from '@steroidsjs/core/ui/form/TimeRangeField/TimeRangeField';
-export default function TimeRangeFieldView(props: ITimeRangeFieldViewProps): React.JSX.Element;
+export default function TimeRangeFieldView(props: ITimeRangeFieldViewProps): JSX.Element;

package/format/DefaultFormatter/DefaultFormatterView.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IBooleanFormatterPropsView } from '@steroidsjs/core/ui/format/BooleanFormatter/BooleanFormatter';
-export default function DefaultFormatterView(props: IBooleanFormatterPropsView): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>;
+export default function DefaultFormatterView(props: IBooleanFormatterPropsView): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment;

package/layout/Header/HeaderView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IHeaderViewProps } from '@steroidsjs/core/ui/layout/Header/Header';
-export default function HeaderView(props: IHeaderViewProps): React.JSX.Element;
+export default function HeaderView(props: IHeaderViewProps): JSX.Element;

package/layout/Loader/LoaderView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ILoaderViewProps } from '@steroidsjs/core/ui/layout/Loader/Loader';
-export default function LoaderView(props: ILoaderViewProps): React.JSX.Element;
+export default function LoaderView(props: ILoaderViewProps): JSX.Element;

package/layout/Notifications/NotificationsItemView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { INotificationsItemViewProps } from '@steroidsjs/core/ui/layout/Notifications/Notifications';
-export default function NotificationsItemView(props: INotificationsItemViewProps): React.JSX.Element;
+export default function NotificationsItemView(props: INotificationsItemViewProps): JSX.Element;

package/layout/Notifications/NotificationsView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { INotificationsViewProps } from '@steroidsjs/core/ui/layout/Notifications/Notifications';
-export default function NotificationsView(props: INotificationsViewProps): React.JSX.Element;
+export default function NotificationsView(props: INotificationsViewProps): JSX.Element;

package/layout/ProgressBar/CircleProgressBarView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IProgressBarViewProps } from '@steroidsjs/core/ui/layout/ProgressBar/ProgressBar';
-export default function CircleProgressBarView(props: IProgressBarViewProps): React.JSX.Element;
+export default function CircleProgressBarView(props: IProgressBarViewProps): JSX.Element;

package/layout/ProgressBar/LineProgressBarView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IProgressBarViewProps } from '@steroidsjs/core/ui/layout/ProgressBar/ProgressBar';
-export default function LineProgressBarView(props: IProgressBarViewProps): React.JSX.Element;
+export default function LineProgressBarView(props: IProgressBarViewProps): JSX.Element;

package/layout/Sidebar/FooterIcons/FooterIcons.d.ts

@@ -5,6 +5,6 @@ interface IFooterIconsProps {
     footerIcons?: IIconProps[];
     isShink?: boolean;
 }
-declare function FooterIcons(props: IFooterIconsProps): React.JSX.Element;
+declare function FooterIcons(props: IFooterIconsProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FooterIcons>;
 export default _default;

package/layout/Sidebar/SidebarLogo/SidebarLogo.d.ts

@@ -5,6 +5,6 @@ interface ISidebarLogoProps {
     label: string;
     toggleSidebar: () => void;
 }
-declare function SidebarLogo(props: ISidebarLogoProps): React.JSX.Element;
+declare function SidebarLogo(props: ISidebarLogoProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof SidebarLogo>;
 export default _default;

package/layout/Sidebar/SidebarUser/SidebarUser.d.ts

@@ -6,6 +6,6 @@ interface ISidebarUserProps {
     name: string;
     picture: string;
 }
-declare function SidebarUser(props: ISidebarUserProps): React.JSX.Element;
+declare function SidebarUser(props: ISidebarUserProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof SidebarUser>;
 export default _default;

package/layout/Sidebar/SidebarView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ISidebarViewProps } from '@steroidsjs/core/ui/layout/Sidebar/Sidebar';
-export default function SidebarView(props: ISidebarViewProps): React.JSX.Element;
+export default function SidebarView(props: ISidebarViewProps): JSX.Element;

package/layout/Skeleton/SkeletonView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ISkeletonViewProps } from '@steroidsjs/core/ui/layout/Skeleton/Skeleton';
-export default function SkeletonView(props: ISkeletonViewProps): React.JSX.Element;
+export default function SkeletonView(props: ISkeletonViewProps): JSX.Element;

package/layout/Tooltip/TooltipView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ITooltipViewProps } from '@steroidsjs/core/ui/layout/Tooltip/Tooltip';
-export default function TooltipView(props: ITooltipViewProps): React.JSX.Element;
+export default function TooltipView(props: ITooltipViewProps): JSX.Element;

package/list/CheckboxColumn/CheckboxColumnView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ICheckboxColumnViewProps } from '@steroidsjs/core/ui/list/CheckboxColumn/CheckboxColumn';
-export default function CheckboxColumnView(props: ICheckboxColumnViewProps): React.JSX.Element;
+export default function CheckboxColumnView(props: ICheckboxColumnViewProps): JSX.Element;

package/list/ControlsColumnView/ControlsColumnView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IControlsColumnViewProps } from '@steroidsjs/core/ui/list/ControlsColumn/ControlsColumn';
-export default function ControlsColumnView(props: IControlsColumnViewProps): React.JSX.Element;
+export default function ControlsColumnView(props: IControlsColumnViewProps): JSX.Element;

package/list/Empty/EmptyView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IEmptyViewProps } from '@steroidsjs/core/ui/list/Empty/Empty';
-export default function EmptyView(props: IEmptyViewProps): React.JSX.Element;
+export default function EmptyView(props: IEmptyViewProps): JSX.Element;

package/list/FlexGrid/FlexGridView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IFlexGridViewProps } from '@steroidsjs/core/ui/list/FlexGrid/FlexGrid';
-export default function FlexGridView(props: IFlexGridViewProps): React.JSX.Element;
+export default function FlexGridView(props: IFlexGridViewProps): JSX.Element;

package/list/Grid/views/ContentColumnView/ContentColumnView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IColumnViewProps } from '@steroidsjs/core/ui/list/Grid/Grid';
-export default function ContentColumnView(props: IColumnViewProps): React.JSX.Element;
+export default function ContentColumnView(props: IColumnViewProps): JSX.Element;

package/list/Grid/views/DiagramColumnView/DiagramColumnView.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { IColumnViewProps } from '@steroidsjs/core/ui/list/Grid/Grid';
 import './DiagramColumnView.scss';
-export default function DiagramColumnView(props: IColumnViewProps): React.JSX.Element;
+export default function DiagramColumnView(props: IColumnViewProps): JSX.Element;

package/list/Grid/views/TreeColumnView/TreeColumnView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ITreeColumnViewProps } from '@steroidsjs/core/ui/list/TreeTable/TreeTable';
-export default function TreeColumnView(props: ITreeColumnViewProps): React.JSX.Element;
+export default function TreeColumnView(props: ITreeColumnViewProps): JSX.Element;

package/list/List/ListItemView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IListItemViewProps } from '@steroidsjs/core/ui/list/List/List';
-export default function ListItemView(props: IListItemViewProps): React.JSX.Element;
+export default function ListItemView(props: IListItemViewProps): JSX.Element;

package/list/Pagination/PaginationButtonView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IPaginationViewProps } from '@steroidsjs/core/ui/list/Pagination/Pagination';
-export default function PaginationButtonView(props: IPaginationViewProps): React.JSX.Element;
+export default function PaginationButtonView(props: IPaginationViewProps): JSX.Element;

package/list/Pagination/PaginationMoreView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IPaginationViewProps } from '@steroidsjs/core/ui/list/Pagination/Pagination';
-export default function PaginationMoreView(props: IPaginationViewProps): React.JSX.Element;
+export default function PaginationMoreView(props: IPaginationViewProps): JSX.Element;

package/list/PaginationSize/PaginationSizeView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IPaginationSizeViewProps } from '@steroidsjs/core/ui/list/PaginationSize/PaginationSize';
-export default function PaginationSizeView(props: IPaginationSizeViewProps): React.JSX.Element;
+export default function PaginationSizeView(props: IPaginationSizeViewProps): JSX.Element;

package/list/Steps/StepItemView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IStepItemViewProps } from '@steroidsjs/core/ui/list/Steps/Steps';
-export default function StepItemView(props: IStepItemViewProps): React.JSX.Element;
+export default function StepItemView(props: IStepItemViewProps): JSX.Element;

package/list/Steps/StepsView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { IStepsViewProps } from '@steroidsjs/core/ui/list/Steps/Steps';
-export default function StepsView(props: IStepsViewProps): React.JSX.Element;
+export default function StepsView(props: IStepsViewProps): JSX.Element;

package/modal/Modal/ModalView.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IModalViewProps } from '@steroidsjs/core/ui/modal/Modal/Modal';
-export default function ModalView(props: IModalViewProps): React.JSX.Element;
+export default function ModalView(props: IModalViewProps): JSX.Element;