@forgedevstack/bear 1.3.3 → 1.3.5

package/README.md

@@ -1,357 +1,167 @@
 # @forgedevstack/bear
 
-Strong, reliable React UI components. AeroCraft-powered, zero config required. The protective force of ForgeStack.
+React components, a theme provider, and AeroCraft tokens. Version 1.3.5 in this repository. The published npm release is still 1.3.4 until 1.3.5 is published.
 
-[![Support ForgeStack on Ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/forgestack)
+Author: John Yaghobieh. Docs: [bearui.com](https://bearui.com). Package: [@forgedevstack/bear](https://www.npmjs.com/package/@forgedevstack/bear).
 
-Sponsor Bear on [Ko-fi](https://ko-fi.com/forgestack).
-
-## Portal
-
-Visit the [Bear UI Portal](https://bearui.com/) to explore all components, view live examples, and browse the documentation.
-
-## Sanity / Playwright
-
-```bash
-# Install browsers once (required — missing Chromium yields 0 passes)
-cd portal && npx playwright install chromium
-
-# Critical-path smoke (recommended before release)
-cd portal && npm run test:e2e:smoke
-
-# Full portal suite
-cd portal && npm run test:e2e
-```
-
-`BEAR_E2E_SMOKE=1` runs `e2e/specs/smoke.spec.ts` only (includes RTL direction + Toast aria-live checks). The e2e webServer builds Bear, then starts the portal on port `5174`.
-
-### Auto DOM ids
-
-Public components generate root `id` values as `Bear-{Component}-{alphanumeric}` (e.g. `Bear-Button-a48293100123`). Pass `id` to override; keep `testId` on `data-testid`.
-
-## Features
-
-- **Tailwind-Powered**: Built with Tailwind CSS, zero config required
-- **React 18+**: Works with React 18 and above
-- **TypeScript**: Full type safety with comprehensive TypeScript definitions
-- **Comprehensive Component Library**: 50+ production-ready components
-- **Accessible**: ARIA attributes and keyboard navigation support
-- **Customizable**: Flexible theming and styling options
-- **Tree-Shakeable**: Import only what you need
-- **Zero Config**: Works out of the box with minimal setup
-
-## Installation
-
-Bear installs `@forgedevstack/bear-icons` as an **optional dependency**. The default install includes components, theme, and icons.
+## Install
 
 ```bash
 npm install @forgedevstack/bear
-# or
-pnpm add @forgedevstack/bear
-# or
-yarn add @forgedevstack/bear
 ```
 
-### Install without icons
-
-npm has no `--no-icons` flag. Skip the icon package with `--omit=optional`:
+That install is the component set and the theme. Icons are a separate package. Charts still ship inside the core build today, and they also have a dedicated package entry so you can import them on their own.
 
 ```bash
-npm install @forgedevstack/bear --omit=optional
-# yarn
-yarn add @forgedevstack/bear --ignore-optional
-# pnpm
-pnpm add @forgedevstack/bear --no-optional
+npm install @forgedevstack/bear-icons
+npm install @forgedevstack/bear-x-charts
+npm install @forgedevstack/bear-x-ai
+npm install @forgedevstack/bear-x-code
+npm install @forgedevstack/bear-map
+npm install @forgedevstack/kanban
+npm install @forgedevstack/calendar
 ```
 
-Do not import icons from `@forgedevstack/bear` after a no-icons install.
+`@forgedevstack/bear-icons` and `@forgedevstack/calendar` are on npm (`calendar` is 1.0.1 there; 1.0.2 with the event calendar is in this repo). Charts, AI, code, map, and kanban are not on npm yet.
 
-### Icons only
+Media playback stays [Torch](https://www.npmjs.com/package/@forgedevstack/torch). The rich text editor stays [Ink](https://www.npmjs.com/package/@forgedevstack/ink).
 
-```bash
-npm install @forgedevstack/bear-icons
-```
+## Bundle size
 
-```tsx
-import { SearchIcon, BearIcons } from '@forgedevstack/bear-icons';
-```
+Sizes change with each publish. Open Bundlephobia for the package you are about to add:
 
-### Import CSS (Required)
+- [Core](https://bundlephobia.com/package/@forgedevstack/bear)
+- [Icons](https://bundlephobia.com/package/@forgedevstack/bear-icons)
+- [Charts](https://bundlephobia.com/package/@forgedevstack/bear-x-charts)
+- [AI](https://bundlephobia.com/package/@forgedevstack/bear-x-ai)
+- [Code](https://bundlephobia.com/package/@forgedevstack/bear-x-code)
+- [Map](https://bundlephobia.com/package/@forgedevstack/bear-map)
+- [Kanban](https://bundlephobia.com/package/@forgedevstack/kanban)
+- [Calendar](https://bundlephobia.com/package/@forgedevstack/calendar)
 
-Import the compiled CSS file once in your app:
+The portal product pages and the libraries page have the same link as a button.
 
-```tsx
-// In your main entry file (e.g., main.tsx, App.tsx, or index.css)
-import '@forgedevstack/bear/styles.css';
-```
+## Provider
 
-## Quick Start
+Import the stylesheet once, then wrap the tree.
 
 ```tsx
-import { Button, Card, CardHeader, CardBody } from '@forgedevstack/bear';
+import '@forgedevstack/bear/styles.css';
+import { BearProvider, Button, Card, CardBody, Typography } from '@forgedevstack/bear';
 
-function App() {
+export function App() {
   return (
-    <Card>
-      <CardHeader>
-        <h2>Welcome to Bear</h2>
-      </CardHeader>
-      <CardBody>
-        <Button variant="primary">Get Started</Button>
-      </CardBody>
-    </Card>
+    <BearProvider
+      colorScheme="system"
+      theme={{ colors: { primary: '#ec4899' } }}
+    >
+      <Card>
+        <CardBody>
+          <Typography variant="h4">Bear</Typography>
+          <Button variant="primary">Save</Button>
+        </CardBody>
+      </Card>
+    </BearProvider>
   );
 }
 ```
 
-## Component Categories
-
-### Layout Components
-
-- `Container` - Responsive container with max-width constraints
-- `Flex` - Flexible box layout component
-- `Grid` / `GridItem` - CSS Grid layout system
-- `ResizablePanel` - Two-pane resizable layout with draggable divider (horizontal/vertical)
-
-### UI Components
-
-- `Button` / `ButtonGroup` - Interactive button components
-- `Card` - Container for content with header, body, and footer
-- `Badge` - Status indicators and labels
-- `Paper` - Elevated surface component
-- `Divider` - Visual separator
-- `Typography` - Text styling with gradient text and typewriter effect
-- `Link` - Styled link component
-
-### Form Components
-
-- `Input` / `TextField` - Text input with optional `InputProps.startAdornment` / `endAdornment` for start/end slots
-- `Select` / `MultiSelect` - Dropdown selection components
-- `Checkbox` - Checkbox input
-- `Radio` / `RadioGroup` - Radio button inputs
-- `Switch` - Toggle switch
-- `Autocomplete` - Autocomplete input
-- `TransferList` - Transfer items between lists
-- `FileUpload` - File upload component
-- `NumberInput` - Numeric input with controls
-- `OTPInput` - One-time password input
-- `ColorPicker` - Color selection component
-- `DatePicker` - Date selection component
-- `TimePicker` - Time selection component
-- `Slider` - Range slider input
-
-### Feedback Components
-
-- `Alert` - Alert messages
-- `Spinner` - Loading spinner
-- `Rating` - Star rating component
-- `Progress` - Progress indicator
-- `Skeleton` - Loading skeleton states
-- `Toast` / `useToast` - Toast notifications
-- `BearLoader` - Custom bear-themed loader
-
-### Overlay Components
-
-- `Modal` - Modal dialog
-- `Drawer` - Slide-out drawer
-- `Tooltip` - Tooltip component
-- `Popover` - Popover component
-- `Menu` / `MenuItem` - Context menu
-- `Dropdown` - Dropdown menu
-- `SpeedDial` - Floating action speed dial
-
-### Data Display
-
-- `DataTable` - Advanced data table with sorting, filtering, and pagination
-- `Carousel` - Image/content carousel
-- `Accordion` - Collapsible content sections
-- `Tabs` / `TabList` / `Tab` / `TabPanel` - Tabbed interface; `TabList` supports `maxVisibleTabs` (overflow dropdown) and `wrap` (auto-break)
-- `List` - List component with various item types
-- `Avatar` / `AvatarGroup` - User avatar display
-- `Chip` - Compact element for input, attribute, or action
-- `TreeView` - Hierarchical tree structure
-- `FileTree` - File/folder tree with selection and expand/collapse
-- `Timeline` - Timeline component
-- `Statistic` - Statistical display
-- `EmptyState` - Empty state placeholder
-- `Image` - Enhanced image component
-
-### Navigation Components
-
-- `Breadcrumbs` - Navigation breadcrumbs
-- `Stepper` - Step-by-step navigation
-- `BottomNavigation` - Bottom navigation bar
-- `AppBar` - Application bar/header
-- `Pagination` - Page navigation
-
-### Utility Components
-
-- `ScrollArea` - Custom scrollable area
-- `Collapsible` - Collapsible content wrapper
-- `Kbd` - Keyboard key display
-- `CopyButton` - Copy to clipboard button
-- `Icon` / `BearIcons` - Icon component library
-- `BearLogo` - Bear logo component
-
-## Examples
-
-### Button
-
-```tsx
-import { Button } from '@forgedevstack/bear';
+`colorScheme` is `light`, `dark`, or `system`. Dark mode follows the `.dark` class from the provider.
 
-<Button variant="primary">Primary</Button>
-<Button variant="secondary">Secondary</Button>
-<Button variant="outline">Outline</Button>
-<Button variant="ghost">Ghost</Button>
+## Charts
 
-// With icon (icon size matches text)
-<Button variant="primary" leftIcon={<PlayIcon />}>View Demos</Button>
+```tsx
+import { BarChart } from '@forgedevstack/bear-x-charts';
+import '@forgedevstack/bear/styles.css';
 
-// Button label using Typography variant (h1, h2, body1, etc.)
-<Button variant="primary" textVariant="subtitle1">Heading-style label</Button>
+<BarChart
+  data={[
+    { label: 'Jan', value: 30 },
+    { label: 'Feb', value: 45 },
+  ]}
+  showLabels
+/>
 ```
 
-**Custom variants** (via `BearProvider`): pass `customVariants={{ myBrand: { bg: '#...', text: '#fff' } }}` and use `<Button variant="myBrand">`. Use `customTypography` for custom text styles and set `textVariant` on Button to use them.
+Chart views in this repo: `bar`, `line`, `area`, `pie`, `donut`, `radar`, `funnel`, `stacked`. Pie also has `full`, `half`, and `rose`. Sparkline, Gauge, RingProgress, Heatmap, and TimelineChart sit next to those. Motion is `grow`, `fade`, `scale`, or `none`, and `animated` is a boolean. These are zero-dependency SVG charts. They are not Chart.js plugins.
 
-### Card
+## Icons
 
 ```tsx
-import { Card, CardHeader, CardBody, CardFooter } from '@forgedevstack/bear';
+import { SearchIcon } from '@forgedevstack/bear-icons';
 
-<Card>
-  <CardHeader>Title</CardHeader>
-  <CardBody>Content goes here</CardBody>
-  <CardFooter>Footer content</CardFooter>
-</Card>
+<SearchIcon size={24} />
 ```
 
-### Form
+## Calendar
+
+Peer of Bear. 1.0.2 adds the event month and the resource timeline. Popups and filters use Bear.
 
 ```tsx
-import { Input, Select, Checkbox, Button } from '@forgedevstack/bear';
+import { EventCalendar, EventTimeline } from '@forgedevstack/calendar';
+import '@forgedevstack/calendar/styles.css';
+import '@forgedevstack/bear/styles.css';
 
-function LoginForm() {
-  return (
-    <form>
-      <Input label="Email" type="email" required />
-      <Input label="Password" type="password" required />
-      <Select 
-        label="Country"
-        options={[
-          { value: 'us', label: 'United States' },
-          { value: 'uk', label: 'United Kingdom' },
-        ]}
-      />
-      <Checkbox label="Remember me" />
-      <Button type="submit">Submit</Button>
-    </form>
-  );
-}
+<EventCalendar events={events} mode="dark" />
+<EventTimeline events={events} />
 ```
 
-### DataTable
+## Map and kanban
 
 ```tsx
-import { DataTable, createColumns } from '@forgedevstack/bear';
-
-interface User {
-  id: number;
-  name: string;
-  email: string;
-  role: string;
-}
-
-const columns = createColumns<User>([
-  { key: 'name', header: 'Name' },
-  { key: 'email', header: 'Email' },
-  { key: 'role', header: 'Role' },
-]);
-
-const data: User[] = [
-  { id: 1, name: 'John Doe', email: 'john@example.com', role: 'admin' },
-  { id: 2, name: 'Jane Smith', email: 'jane@example.com', role: 'user' },
-];
-
-<DataTable data={data} columns={columns} />
+import { Map } from '@forgedevstack/bear-map';
+import { Kanban } from '@forgedevstack/kanban';
 ```
 
-### Toast Notifications
+Hooks stay on core. Date pickers stay on core.
 
-```tsx
-import { ToastProvider, useToast, Button } from '@forgedevstack/bear';
+## CLI
 
-function App() {
-  return (
-    <ToastProvider>
-      <MyComponent />
-    </ToastProvider>
-  );
-}
+Forge CLI is the installer that exists today.
 
-function MyComponent() {
-  const toast = useToast();
-  
-  return (
-    <Button onClick={() => toast.success('Operation successful!')}>
-      Show Toast
-    </Button>
-  );
-}
+```bash
+npx create-forge my-app
 ```
 
-## Theming
+When you select Bear, the CLI prints the Lotso mascot and asks which libraries to include: icons, charts, AI, code, map, kanban, and calendar. It then asks for the primary color. `--yes` selects Bear and those libraries.
 
-Bear components support customization through Tailwind CSS. You can override default styles by configuring your Tailwind theme:
+Add one package to an existing app:
 
-```js
-// tailwind.config.js
-module.exports = {
-  theme: {
-    extend: {
-      colors: {
-        // Your custom colors
-      },
-    },
-  },
-}
+```bash
+forge add bear
+forge add bear-icons
+forge add calendar
 ```
 
-## TypeScript Support
-
-All components are fully typed with TypeScript:
+`forge add bear` asks the same library question. Icons and calendar install from npm. Charts, AI, code, map, and kanban are recorded in a comment in `src/main.tsx` until those packages are published, so the install does not fail on a missing package.
 
-```tsx
-import { Button, ButtonProps } from '@forgedevstack/bear';
+`npx @forgedevstack/bear-cli` is the name reserved for a Bear-only binary. That binary is not published, so those commands do not run yet.
 
-const buttonProps: ButtonProps = {
-  variant: 'primary',
-  size: 'md',
-  children: 'Click me',
-};
+## What 1.3.5 adds
 
-<Button {...buttonProps} />
-```
+- Optional packages: `@forgedevstack/bear-x-charts`, `@forgedevstack/bear-x-ai`, `@forgedevstack/bear-x-code`, `@forgedevstack/bear-map`, `@forgedevstack/kanban`.
+- Overlay open and close motion on the panel: `none`, `fade`, `slide-down`, `scale`, `fold`, `elastic`, `reveal`, `expand`. The default is `fold`.
+- Portal product pages for each library, with a Bundlephobia button.
+- `@forgedevstack/calendar` 1.0.2: event calendar, resource filter, side editor, and timeline.
 
-## How Bear Compares
+## Components
 
-| Feature | Bear UI | Material UI | Ant Design | Chakra UI |
-|---------|---------|-----|------------|-----------|
-| **Tailwind CSS native** | Yes | No | No | Partial (v3) |
-| **Bundle (tree-shaken)** | ~18 kB | ~80 kB | ~120 kB | ~45 kB |
-| **Dark mode** | `dark:` variants, zero JS | Runtime theme swap | CSS vars + config | ColorMode context |
-| **TypeScript** | 100 % | 100 % | 100 % | 100 % |
-| **Components** | 60+ | 50+ | 60+ | 30+ |
-| **Theming** | BearProvider + Tailwind | Emotion/styled | Less/CSS vars | Styled System |
-| **Modular CSS** | `@BearInclude` PostCSS | N/A | N/A | N/A |
-| **React 18 / 19** | Yes | Yes | Yes | Yes |
-| **Zero runtime CSS-in-JS** | Yes | No (Emotion) | No (Less) | No (Emotion) |
-| **Built-in i18n** | Portal (en/es) | X (add-on) | ConfigProvider | N/A |
+| Area | Examples |
+|---|---|
+| Actions | Button, ButtonGroup, ToggleGroup, FAB, SplitButton |
+| Forms | Input, Select, Checkbox, Radio, Switch, Slider, DatePicker, TimePicker |
+| Overlays | Modal, Drawer, AlertDialog, Popover, Tooltip, Menu, CommandPalette |
+| Feedback | Alert, Toast, Spinner, Progress, Skeleton, Badge |
+| Layout | Container, Flex, Grid, Paper, Divider, ScrollArea |
+| Data | DataTable, Chart, Calendar, Timeline |
 
-## Contributing
+## Scripts
 
-See [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines on adding components, coding rules, and the portal development workflow.
+```bash
+npm run build
+cd portal && npm run test:e2e:smoke
+```
 
 ## License
 
-MIT
+MIT. John Yaghobieh and the ForgeStack team.

package/dist/components/Alert/Alert.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),h=require("react"),e=require("../../constants/generals.const.cjs"),R=require("../../utils/cn.cjs"),i=require("../Box/Box.cjs"),g=require("../Button/Button.cjs"),j=require("../Flex/Flex.cjs"),t=require("@forgedevstack/bear-icons"),b=require("../Typography/Typography.cjs"),x=require("./Alert.const.cjs"),S=I=>{const{severity:s=e.INFO,variant:o=e.VARIANT_STANDARD,title:A,icon:a=e.BOOLEAN_TRUE,action:u,closable:B=e.BOOLEAN_FALSE,onClose:c,children:_,className:E,testId:N,...L}=I,[O,T]=h.useState(e.BOOLEAN_TRUE);if(!O)return null;const l=o===e.VARIANT_FILLED,n=x.ALERT_SEVERITY_COLORS[s],m=()=>{T(e.BOOLEAN_FALSE),c==null||c()},d=a===e.BOOLEAN_FALSE?null:a!==e.BOOLEAN_TRUE?a:s===e.INFO?r.jsx(t.InfoIcon,{}):s==="success"?r.jsx(t.BearIcons.CheckCircleIcon,{}):s==="warning"?r.jsx(t.BearIcons.WarningIcon,{}):r.jsx(t.BearIcons.ErrorIcon,{});return r.jsxs(j.Flex,{role:"alert","aria-live":"polite",className:R.cn("Bear-Alert bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",x.ALERT_VARIANT_CLASSES[o](s),E),style:{backgroundColor:l?void 0:n.bg,borderColor:o===e.VARIANT_OUTLINED?n.border:void 0,color:l?void 0:n.text},"data-testid":N,...L,children:[d&&r.jsx(i.Box,{as:"span",className:"Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",style:{color:l?"currentColor":n.icon},children:d}),r.jsxs(i.Box,{className:"Bear-Alert__content bear-flex-1 bear-min-w-0",children:[A&&r.jsx(b.Typography,{weight:"semibold",className:"Bear-Alert__title bear-mb-1",children:A}),_&&r.jsx(b.Typography,{className:"Bear-Alert__message bear-text-sm",children:_})]}),u&&r.jsx(i.Box,{className:"Bear-Alert__action bear-flex-shrink-0",children:u}),B&&r.jsx(g.Button,{variant:e.VARIANT_GHOST,onClick:m,className:"Bear-Alert__close bear-flex-shrink-0 bear-p-1","aria-label":e.LABEL_CLOSE_ALERT,children:r.jsx(t.CloseIcon,{})})]})};exports.Alert=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("react"),r=require("../../constants/generals.const.cjs"),m=require("../../utils/cn.cjs"),c=require("../Box/Box.cjs"),T=require("../Button/Button.cjs"),S=require("../Flex/Flex.cjs"),s=require("@forgedevstack/bear-icons"),u=require("../Typography/Typography.cjs"),_=require("./Alert.const.cjs"),j=b=>{const{severity:n=r.INFO,variant:x=r.VARIANT_STANDARD,title:i,icon:t=r.BOOLEAN_TRUE,action:o,closable:B=r.BOOLEAN_FALSE,onClose:a,children:l,className:d,testId:E,...I}=b,[N,h]=O.useState(r.BOOLEAN_TRUE);if(!N)return null;const L=()=>{h(r.BOOLEAN_FALSE),a==null||a()},A=t===r.BOOLEAN_FALSE?null:t!==r.BOOLEAN_TRUE?t:n===r.INFO?e.jsx(s.InfoIcon,{}):n==="success"?e.jsx(s.BearIcons.CheckCircleIcon,{}):n==="warning"?e.jsx(s.BearIcons.WarningIcon,{}):e.jsx(s.BearIcons.ErrorIcon,{});return e.jsxs(S.Flex,{role:"alert","aria-live":"polite",className:m.cn("Bear-Alert bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",_.ALERT_SEVERITY_CLASS[n],_.ALERT_VARIANT_CLASSES[x](n),d),"data-testid":E,...I,children:[A&&e.jsx(c.Box,{as:"span",className:"Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",children:A}),e.jsxs(c.Box,{className:"Bear-Alert__content bear-flex-1 bear-min-w-0",children:[i&&e.jsx(u.Typography,{variant:"subtitle2",weight:"semibold",color:"inherit",className:"Bear-Alert__title bear-mb-1",children:i}),l&&e.jsx(u.Typography,{variant:"body2",color:"inherit",className:"Bear-Alert__message",children:l})]}),o&&e.jsx(c.Box,{className:"Bear-Alert__action bear-flex-shrink-0",children:o}),B&&e.jsx(T.Button,{variant:r.VARIANT_GHOST,onClick:L,className:"Bear-Alert__close bear-flex-shrink-0 bear-p-1","aria-label":r.LABEL_CLOSE_ALERT,children:e.jsx(s.CloseIcon,{})})]})};exports.Alert=j;

package/dist/components/Alert/Alert.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/cn.cjs");require("react");const a={success:{bg:"var(--bear-success-50)",border:"var(--bear-success-500)",text:"var(--bear-success-800)",icon:"var(--bear-success-600)"},info:{bg:"var(--bear-info-50)",border:"var(--bear-info-500)",text:"var(--bear-info-800)",icon:"var(--bear-info-600)"},warning:{bg:"var(--bear-warning-50)",border:"var(--bear-warning-500)",text:"var(--bear-warning-800)",icon:"var(--bear-warning-600)"},error:{bg:"var(--bear-danger-50)",border:"var(--bear-danger-500)",text:"var(--bear-danger-800)",icon:"var(--bear-danger-600)"}},n={filled:r=>e.cn("bear-text-white bear-alert-filled",r==="success"&&"bear-alert-filled-success",r==="info"&&"bear-alert-filled-info",r==="warning"&&"bear-alert-filled-warning",r==="error"&&"bear-alert-filled-error"),outlined:()=>"bear-bg-transparent bear-border",standard:()=>""};exports.ALERT_SEVERITY_COLORS=a;exports.ALERT_VARIANT_CLASSES=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/cn.cjs");require("react");const l={success:"Bear-Alert--success",info:"Bear-Alert--info",warning:"Bear-Alert--warning",error:"Bear-Alert--error"},a={filled:r=>e.cn("bear-alert-filled",r==="success"&&"bear-alert-filled-success",r==="info"&&"bear-alert-filled-info",r==="warning"&&"bear-alert-filled-warning",r==="error"&&"bear-alert-filled-error"),outlined:()=>"Bear-Alert--outlined",standard:()=>""};exports.ALERT_SEVERITY_CLASS=l;exports.ALERT_VARIANT_CLASSES=a;

package/dist/components/Alert/Alert.const.d.ts

@@ -1,8 +1,3 @@
 import { AlertSeverity, AlertVariant } from './Alert.types';
-export declare const ALERT_SEVERITY_COLORS: Record<AlertSeverity, {
-    bg: string;
-    border: string;
-    text: string;
-    icon: string;
-}>;
+export declare const ALERT_SEVERITY_CLASS: Record<AlertSeverity, string>;
 export declare const ALERT_VARIANT_CLASSES: Record<AlertVariant, (severity: AlertSeverity) => string>;

package/dist/components/Alert/Alert.const.js

@@ -1,42 +1,22 @@
-import { cn as a } from "../../utils/cn.js";
+import { cn as e } from "../../utils/cn.js";
 import "react";
-const b = {
-  success: {
-    bg: "var(--bear-success-50)",
-    border: "var(--bear-success-500)",
-    text: "var(--bear-success-800)",
-    icon: "var(--bear-success-600)"
-  },
-  info: {
-    bg: "var(--bear-info-50)",
-    border: "var(--bear-info-500)",
-    text: "var(--bear-info-800)",
-    icon: "var(--bear-info-600)"
-  },
-  warning: {
-    bg: "var(--bear-warning-50)",
-    border: "var(--bear-warning-500)",
-    text: "var(--bear-warning-800)",
-    icon: "var(--bear-warning-600)"
-  },
-  error: {
-    bg: "var(--bear-danger-50)",
-    border: "var(--bear-danger-500)",
-    text: "var(--bear-danger-800)",
-    icon: "var(--bear-danger-600)"
-  }
+const n = {
+  success: "Bear-Alert--success",
+  info: "Bear-Alert--info",
+  warning: "Bear-Alert--warning",
+  error: "Bear-Alert--error"
 }, o = {
-  filled: (r) => a(
-    "bear-text-white bear-alert-filled",
+  filled: (r) => e(
+    "bear-alert-filled",
     r === "success" && "bear-alert-filled-success",
     r === "info" && "bear-alert-filled-info",
     r === "warning" && "bear-alert-filled-warning",
     r === "error" && "bear-alert-filled-error"
   ),
-  outlined: () => "bear-bg-transparent bear-border",
+  outlined: () => "Bear-Alert--outlined",
   standard: () => ""
 };
 export {
-  b as ALERT_SEVERITY_COLORS,
+  n as ALERT_SEVERITY_CLASS,
   o as ALERT_VARIANT_CLASSES
 };