scoobie 18.0.1 → 18.1.1

package/package.json

@@ -4,7 +4,7 @@
   "license": "MIT",
   "main": "src/index.ts",
   "sideEffects": false,
-  "version": "18.0.1",
+  "version": "18.1.1",
   "dependencies": {
     "@capsizecss/core": "^4.0.0",
     "@vanilla-extract/css": "^1.2.3",
@@ -14,8 +14,7 @@
     "polished": "^4.1.3",
     "prism-react-renderer": "2.4.0",
     "react-keyed-flatten-children": "^3.0.0",
-    "refractor": "^3.4.0",
-    "remark-slug": "^6.1.0"
+    "refractor": "^3.4.0"
   },
   "devDependencies": {
     "@changesets/cli": "2.27.8",
@@ -25,20 +24,19 @@
     "@storybook/react": "8.3.2",
     "@storybook/react-webpack5": "8.3.2",
     "@types/react": "18.3.11",
-    "@types/react-dom": "18.3.0",
-    "braid-design-system": "32.24.1",
+    "@types/react-dom": "18.3.1",
+    "braid-design-system": "33.0.0",
     "loki": "0.35.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-helmet-async": "1.3.0",
     "react-router-dom": "6.26.2",
-    "sku": "13.1.3",
+    "sku": "13.2.0",
     "storybook": "8.3.2",
     "webpack": "5.94.0"
   },
   "files": [
     "src",
-    "remark",
     "styles",
     "webpack",
     "types.d.ts",

package/src/private/types.ts

@@ -1,6 +1,4 @@
 import type { Stack } from 'braid-design-system';
 import type { ComponentProps } from 'react';
 
-export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
-
 export type StackChildrenProps = Pick<ComponentProps<typeof Stack>, 'children'>;

package/styles/img.css.ts

@@ -3,7 +3,6 @@ import { atoms, vars } from 'braid-design-system/css';
 
 const atomStyle = atoms({
   borderRadius: 'large',
-  boxShadow: 'small',
   display: 'block',
 });
 
@@ -11,7 +10,6 @@ const rawStyle = style({
   borderColor: vars.borderColor.neutralLight,
   borderWidth: vars.borderWidth.standard,
   borderStyle: 'solid',
-  maxWidth: '100%',
 });
 
 export const img = composeStyles(atomStyle, rawStyle);

package/src/private/SpacedHeading.css.ts

@@ -1,20 +0,0 @@
-import { style } from '@vanilla-extract/css';
-import { vars } from 'braid-design-system/css';
-
-export const headingSpacer = style({
-  marginTop: vars.space.small,
-  selectors: {
-    ':first-child > &': {
-      marginTop: 0,
-    },
-  },
-});
-
-export const headingAnchor = style({
-  visibility: 'hidden',
-  selectors: {
-    [`${headingSpacer}:hover &, ${headingSpacer}:focus &`]: {
-      visibility: 'visible',
-    },
-  },
-});

package/src/private/SpacedHeading.tsx

@@ -1,52 +0,0 @@
-import { Box, Heading, IconLink, Text } from 'braid-design-system';
-import React, { type FunctionComponent, type ReactNode } from 'react';
-
-import { SmartTextLink } from '../components/SmartTextLink';
-
-import type { HeadingLevel } from './types';
-
-import * as styles from './SpacedHeading.css';
-
-const headingForLevel: Record<
-  HeadingLevel,
-  FunctionComponent<{ children: ReactNode }>
-> = {
-  1: ({ children }) => <Heading level="2">{children}</Heading>,
-  2: ({ children }) => <Heading level="3">{children}</Heading>,
-  3: ({ children }) => <Heading level="4">{children}</Heading>,
-  4: ({ children }) => <Text weight="strong">{children}</Text>,
-  5: ({ children }) => (
-    <Text weight="strong">
-      <span>| </span>
-      {children}
-    </Text>
-  ),
-  6: ({ children }) => (
-    <Text weight="strong">
-      <span>‖ </span>
-      {children}
-    </Text>
-  ),
-};
-
-interface Props {
-  children: ReactNode;
-  id: string;
-}
-
-export const createSpacedHeading = (level: HeadingLevel) => {
-  const LevelHeading = headingForLevel[level];
-
-  return ({ children, id }: Props) => (
-    <Box className={styles.headingSpacer} id={id} tabIndex={0}>
-      <LevelHeading>
-        {children}{' '}
-        <SmartTextLink href={`#${id}`}>
-          <Box className={styles.headingAnchor} component="span">
-            <IconLink alignY="lowercase" />
-          </Box>
-        </SmartTextLink>
-      </LevelHeading>
-    </Box>
-  );
-};