react-asc 25.5.2 → 25.5.4

package/{components → lib/components}/Alert/Alert.d.ts

@@ -1,8 +1,7 @@
 import type { ReactNode } from 'react';
 import React from 'react';
-import { VARIANT } from '../component.enums';
 import type { SIZE } from '../component.enums';
-import { COLOR } from '../component.enums';
+import { COLOR, VARIANT } from '../component.enums';
 export interface IAlertProps extends React.ComponentProps<'div'> {
     children?: ReactNode;
     className?: string;

package/{components → lib/components}/Form/Form.d.ts

@@ -18,6 +18,7 @@ export interface IFormState {
 }
 export declare class Form extends Component<IFormProps, IFormState> {
     constructor(props: IFormProps);
+    getCssClasses(): string;
     static getDerivedStateFromProps(nextProps: IFormProps, state: IFormState): {
         controls: IControls;
     } | null;

package/{components → lib/components}/Form/FormGroup.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
+import React from 'react';
 interface IFormGroupProps {
-    children?: ReactNode;
+    children?: React.ReactNode;
     className?: string;
 }
 export declare const FormGroup: (props: IFormGroupProps) => JSX.Element;

package/{components → lib/components}/component.enums.d.ts

@@ -2,6 +2,7 @@ export declare enum COLOR {
     primary = "primary",
     accent = "accent",
     secondary = "secondary",
+    danger = "danger",
     light = "light",
     dark = "dark"
 }

package/{components → lib/components}/index.d.ts

@@ -3,18 +3,19 @@ export * from './AppBar';
 export * from './AutoComplete';
 export * from './Backdrop';
 export * from './Badge';
+export * from './Breadcrumb';
 export * from './Button';
 export * from './ButtonGroup';
-export * from './Breadcrumb';
 export * from './Card';
-export * from './ConditionalWrapper';
 export * from './Checkbox';
 export * from './Chip';
+export * from './component.enums';
+export * from './component.interfaces';
+export * from './ConditionalWrapper';
 export * from './CssTransition';
-export * from './DateSelect';
 export * from './DatePicker';
+export * from './DateSelect';
 export * from './Drawer';
-export * from './Menu';
 export * from './ExpansionPanel';
 export * from './FileInput';
 export * from './FloatingActionButton';
@@ -25,22 +26,21 @@ export * from './IconButton';
 export * from './Link';
 export * from './List';
 export * from './LoadingIndicator';
+export * from './Menu';
 export * from './Modal';
 export * from './NumberSelect';
 export * from './Portal';
 export * from './ProgressBar';
+export * from './Select';
 export * from './Sidebar';
+export * from './Skeleton';
 export * from './Snackbar';
 export * from './SpeedDial';
-export * from './Select';
 export * from './Stepper';
-export * from './Skeleton';
 export * from './Table';
 export * from './Tabs';
 export * from './Textarea';
-export * from './Tooltip';
 export * from './TimeSelect';
+export * from './Tooltip';
 export * from './TreeView';
 export * from './Typography';
-export * from './component.enums';
-export * from './component.interfaces';

package/{hooks → lib/hooks}/index.d.ts

@@ -1,7 +1,7 @@
-export * from './useDebounce';
 export * from './useConstructor';
 export * from './useCssClasses';
+export * from './useDebounce';
 export * from './useHover';
 export * from './useMobileDetect';
-export * from './useWindowSize';
 export * from './useOnDestroy';
+export * from './useWindowSize';

package/{icons → lib/icons}/index.d.ts

@@ -1,14 +1,14 @@
 export * from './CaretDownSolidIcon';
+export * from './CheckSolidIcon';
 export * from './CheckSquareRegularIcon';
 export * from './ChevronDownSolidIcon';
+export * from './ChevronLeftSolidIcon';
 export * from './ChevronRightSolidIcon';
 export * from './ChevronUpSolidIcon';
+export * from './CircleSolidIcon';
 export * from './HomeSolidIcon';
+export * from './PlusSolidIcon';
+export * from './SpinnerSolidIcon';
 export * from './SquareRegularIcon';
 export * from './TimesCircleSolidIcon';
 export * from './TimesSolidIcon';
-export * from './SpinnerSolidIcon';
-export * from './PlusSolidIcon';
-export * from './CheckSolidIcon';
-export * from './CircleSolidIcon';
-export * from './ChevronLeftSolidIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-asc",
-	"version": "25.5.2",
+	"version": "25.5.4",
 	"description": "handcrafted react components",
 	"main": "index.js",
 	"module": "index.es.js",

package/react-asc.scss

@@ -51,8 +51,7 @@
 
 	--highlight: rgba(204, 216, 224, 0.2); // ???
 
-	--shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
-	0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+	--shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 
 	--shadowColor: rgba(0, 0, 0, 0.12);
 
@@ -60,8 +59,8 @@
 }
 
 :root {
-	--fontFamily: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
-		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+	--fontFamily: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif,
+		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 	--fontSize: 16px;
 	--fontWeight: 400;
 
@@ -255,6 +254,10 @@
 	align-items: center !important;
 }
 
+.align-items-end {
+	align-items: end;
+}
+
 .flex-wrap {
 	flex-wrap: wrap;
 }
@@ -275,6 +278,14 @@
 	flex-direction: column-reverse;
 }
 
+.flex-shrink-0 {
+	flex-shrink: 0;
+}
+
+.flex-grow {
+	flex-grow: 1;
+}
+
 .w-100 {
 	width: 100%;
 }
@@ -296,7 +307,7 @@
 }
 
 .fw-bold {
-    font-weight: 700!important;
+	font-weight: 700 !important;
 }
 
 @media (max-width: 576px) {
@@ -327,7 +338,7 @@ label.required {
 	&::after {
 		display: inline-block;
 		line-height: 0.8;
-		content: "*";
+		content: '*';
 		vertical-align: text-top;
 	}
 }