@agilekit/ui 0.1.0-alpha.0 → 0.1.0-alpha.10

package/lib/src/components/Breadcrumb/Breadcrumb.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 export type BreadcrumbItem = {
     text: string;
     href?: string;
+    type?: string;
 };
 export interface IBreadcrumbsProps {
     items: BreadcrumbItem[];

package/lib/src/components/SectionMessage/SectionMessage.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface SectionMessageAction {
+    key?: string;
+    text: string;
+    href?: string;
+    onClick?: () => void;
+    target?: string;
+    rel?: string;
+}
+export interface SectionMessageProps {
+    title: string;
+    appearance?: 'information' | 'success' | 'warning' | 'error' | 'discovery';
+    size?: 'small' | 'medium';
+    children?: React.ReactNode;
+    actions?: SectionMessageAction[];
+    className?: string;
+}
+declare const SectionMessage: React.FC<SectionMessageProps>;
+export default SectionMessage;

package/lib/src/index.d.ts

@@ -5,6 +5,7 @@ export { default as ActionList } from './components/ActionList/ActionList';
 export { default as AgileTable } from './components/AgileTable/AgileTable';
 export { default as Alert } from './components/Alert/Alert';
 export { default as AlertInline } from './components/AlertInline/AlertInline';
+export { default as SectionMessage } from './components/SectionMessage/SectionMessage';
 export { default as AppFrame } from './components/AppFrame/AppFrame';
 export { default as AppProvider } from './components/AppProvider/AppProvider';
 export { default as Avatar } from './components/Avatar/Avatar';

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@agilekit/ui",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.10",
   "description": "Agile's product component library",
   "author": "Michael de Lima Alves <michaelalves@outlook.com>",
   "license": "MIT",
   "main": "lib/index",
+  "style": "lib/index.css",
   "types": "lib/src/index.d.ts",
-  "source": "src/index.ts",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
   "files": [
     "/lib",
     "/src/assets",
@@ -23,8 +27,7 @@
     }
   },
   "publishConfig": {
-    "access": "public",
-    "tag": "alpha"
+    "access": "public"
   },
   "repository": {
     "type": "git"
@@ -116,6 +119,7 @@
     "jest": "^29.5.0",
     "jest-axe": "^7.0.1",
     "jest-environment-jsdom": "^29.5.0",
+    "mini-css-extract-plugin": "^2.10.0",
     "postcss-loader": "^7.1.0",
     "prettier": "^2.8.4",
     "react-docgen-typescript-loader": "^3.7.2",

package/src/assets/styles/global/bootstrap/_variables.scss

@@ -1,4 +1,5 @@
 @use "sass:math";
+@use "../../shared/settings/colors" as *;
 // Variables
 //
 // Variables should follow the `$component-state-property-size` formula for
@@ -1086,4 +1087,4 @@ sticky !default;
 // Printing
 
 $print-page-size: a3 !default;
-$print-body-min-width: map-get($grid-breakpoints, "lg") !default;
+$print-body-min-width: map-get($grid-breakpoints, "lg") !default;

package/src/assets/styles/global/styles.scss

@@ -1,5 +1,5 @@
+@use "../shared/shared" as *;
 @import "../../fonts/fontello/css/fontello.css";
-@import "../shared/shared.scss";
 
 @import "./bootstrap/bootstrap";
 @import "./bootstrap-extended/bootstrap-extended";
@@ -22,4 +22,4 @@ body {
   padding: 0;
   position: absolute;
   width: 1px;
-}
+}

package/src/assets/styles/shared/shared.scss

@@ -1,9 +1,9 @@
-@import "./settings/typography.scss";
-@import "./settings/colors.scss";
-@import "./settings/layout.scss";
-@import "./settings/breakpoints.scss";
-@import "./settings/depth.scss";
+@forward "./settings/typography";
+@forward "./settings/colors";
+@forward "./settings/layout";
+@forward "./settings/breakpoints";
+@forward "./settings/depth";
 
-@import "./tools/respond-to.scss";
+@forward "./tools/respond-to";
 
-@import "./elements/scrollbar.scss";
+@forward "./elements/scrollbar";