diff --git a/packages/styles/shared-styles.css b/packages/styles/shared-styles.css index 3ad8f86b7..4cf929957 100644 --- a/packages/styles/shared-styles.css +++ b/packages/styles/shared-styles.css @@ -313,20 +313,6 @@ --color-accent-900: #171717; --color-accent-950: #0a0a0a; - /* ============================================ - * Border Radius (calc-based from --radius-lg) - * Set --radius-lg to your brand's default (0.375rem = rounded-md) - * All other radii are calculated relative to it - * ============================================ */ - --radius-lg: 0.375rem; - --radius-xs: calc(var(--radius-lg) * 0.25); - --radius-sm: calc(var(--radius-lg) * 0.5); - --radius-md: calc(var(--radius-lg) * 1.33); - --radius-xl: calc(var(--radius-lg) * 1.5); - --radius-2xl: calc(var(--radius-lg) * 2); - --radius-3xl: calc(var(--radius-lg) * 3); - --radius-4xl: calc(var(--radius-lg) * 4); - /* ============================================ * Box Shadows * ============================================ */ diff --git a/packages/ui/README.md b/packages/ui/README.md index 90012e50c..46d36cb1e 100644 --- a/packages/ui/README.md +++ b/packages/ui/README.md @@ -76,6 +76,7 @@ After adding a component: 1. **Use existing components**: Where possible, replace Intent UI dependencies with existing `@op/ui` components. For example, replace the Intent UI checkbox import with `@/components/Checkbox`. 2. **Export the component**: Add an export to `package.json`: + ```json { "exports": { @@ -94,7 +95,6 @@ Intent UI components use CSS variables that are mapped to `@op/styles` tokens in - **Colors**: `--primary`, `--secondary`, `--danger`, etc. mapped to teal/neutral/red tokens - **Border color**: Default border color set via `var(--border)` on all elements -- **Border radius**: Calc-based system using `--radius-lg` as the base (0.375rem) To customize colors, edit the mappings in `intent-ui-theme.css`.