@bkstg/design-systems 1.0.0

package/bkstg/v1/react/index.js

@@ -0,0 +1,59 @@
+// React versions of the kit's components. They render the same ui- classes as the HTML versions,
+// so both read one stylesheet: import tokens.css and components.css once, at the app's root.
+export { Button } from "./Button.jsx";
+export { Field, Input, Textarea } from "./Field.jsx";
+export { Select } from "./Select.jsx";
+export { Switch } from "./Switch.jsx";
+export { Tabs } from "./Tabs.jsx";
+export { Dialog } from "./Dialog.jsx";
+export { Badge } from "./Badge.jsx";
+export { Tag, TagList } from "./Tag.jsx";
+export { Avatar, AvatarGroup } from "./Avatar.jsx";
+export { Tooltip } from "./Tooltip.jsx";
+export { Progress } from "./Progress.jsx";
+export { Spinner } from "./Spinner.jsx";
+export { Skeleton } from "./Skeleton.jsx";
+export { Alert } from "./Alert.jsx";
+export { SideNav } from "./SideNav.jsx";
+export { AppShell } from "./AppShell.jsx";
+export { Chart } from "./Chart.jsx";
+export { Compare, Timeline, StatGrid } from "./Infographics.jsx";
+export { Metric } from "./Metric.jsx";
+export { LineChart } from "./LineChart.jsx";
+export { Table } from "./Table.jsx";
+export { ActivityFeed } from "./ActivityFeed.jsx";
+// base controls
+export { Checkbox, Choices } from "./Checkbox.jsx";
+export { RadioGroup } from "./RadioGroup.jsx";
+export { ButtonGroup } from "./ButtonGroup.jsx";
+export { Menu } from "./Menu.jsx";
+export { Slider } from "./Slider.jsx";
+export { Editor, EDITOR_TOOLS } from "./Editor.jsx";
+export { VideoPlayer } from "./VideoPlayer.jsx";
+// app components
+export { Breadcrumbs } from "./Breadcrumbs.jsx";
+export { CardHeader } from "./CardHeader.jsx";
+export { Divider } from "./Divider.jsx";
+export { EmptyState } from "./EmptyState.jsx";
+export { InlineCTA } from "./InlineCTA.jsx";
+export { PageHeader } from "./PageHeader.jsx";
+export { Pagination, pageList } from "./Pagination.jsx";
+export { Steps } from "./Steps.jsx";
+export { SectionHeader, SectionFooter } from "./SectionHeader.jsx";
+export { Calendar, toIso, fromIso } from "./Calendar.jsx";
+export { DatePicker } from "./DatePicker.jsx";
+export { CodeSnippet } from "./CodeSnippet.jsx";
+export { ColorPicker } from "./ColorPicker.jsx";
+export { CommandMenu } from "./CommandMenu.jsx";
+export { FileUpload } from "./FileUpload.jsx";
+export { Chip, FilterBar } from "./Filters.jsx";
+export { Chat } from "./Chat.jsx";
+export { Sheet } from "./Sheet.jsx";
+export { Tree } from "./Tree.jsx";
+// marketing sections
+export { Section, Media, SiteNav, Hero, FeatureCard, Stats, LogoCloud, Testimonial, TeamMember, PostCard, JobList, FAQ, Plan, CTABand, Newsletter, Prose, Footer } from "./Marketing.jsx";
+// shared assets and utility
+export { Banner } from "./Banner.jsx";
+export { DeviceFrame } from "./DeviceFrame.jsx";
+export { Annotations } from "./Annotations.jsx";
+export { Reveal } from "./Reveal.jsx";

package/bkstg/v1/system.json

@@ -0,0 +1,24 @@
+{
+  "name": "BKSTG",
+  "base": "untitled",
+  "themes": {
+    "dark": "backstage",
+    "light": "backstage-light"
+  },
+  "mode": "light",
+  "texture": "drift",
+  "shape": "standard",
+  "type": "dm",
+  "motion": "full",
+  "tokens": {
+    "--progress-dur": "400ms",
+    "--progress-fill": "var(--fill)",
+    "--progress-track": "var(--on-fill)"
+  },
+  "colors": {
+    "light": {
+      "--pos": "#4c6204",
+      "--bar-b": "#92b913"
+    }
+  }
+}

package/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@bkstg/design-systems",
+  "version": "1.0.0",
+  "description": "BKSTG design systems: stylesheets, scripts and React components, one folder per system.",
+  "license": "UNLICENSED",
+  "files": [
+    "*/latest/**",
+    "*/v*/**",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}