@strapi/design-system 2.1.2 → 2.2.1

package/dist/primitives/Box/Box.d.ts

@@ -3,76 +3,309 @@ import { ResponsiveProperty, ResponsiveThemeProperty } from '../../helpers/handl
 import { PolymorphicComponentPropsWithRef } from '../../types';
 import * as React from 'react';
 interface TransientBoxProps {
-    /**
-     * CSS Properties
+    /** CSS `pointer-events`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `pointerEvents`
+     * <br/>Usage: `<Box pointerEvents="none" />`
      */
     pointerEvents?: ResponsiveProperty<CSSProperties['pointerEvents']>;
+    /** CSS `display`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `display`
+     * <br/>Usage: `<Box display="flex" />`
+     */
     display?: ResponsiveProperty<CSSProperties['display']>;
+    /** CSS `position`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `position`
+     * <br/>Usage: `<Box position="relative" />`
+     */
     position?: ResponsiveProperty<CSSProperties['position']>;
+    /** CSS `overflow`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `overflow`
+     * <br/>Usage: `<Box overflow="hidden" />`
+     */
     overflow?: ResponsiveProperty<CSSProperties['overflow']>;
+    /** CSS `cursor`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `cursor`
+     * <br/>Usage: `<Box cursor="pointer" />`
+     */
     cursor?: ResponsiveProperty<CSSProperties['cursor']>;
+    /** CSS `transition`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `transition`
+     * <br/>Usage: `<Box transition="all 0.2s ease" />`
+     */
     transition?: ResponsiveProperty<CSSProperties['transition']>;
+    /** CSS `transform`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `transform`
+     * <br/>Usage: `<Box transform="translateY(4px)" />`
+     */
     transform?: ResponsiveProperty<CSSProperties['transform']>;
+    /** CSS `animation`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `animation`
+     * <br/>Usage: `<Box animation="fadeIn 200ms ease" />`
+     */
     animation?: ResponsiveProperty<CSSProperties['animation']>;
+    /** CSS `text-align`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `textAlign`
+     * <br/>Usage: `<Box textAlign="center" />`
+     */
     textAlign?: ResponsiveProperty<CSSProperties['textAlign']>;
+    /** CSS `text-transform`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `textTransform`
+     * <br/>Usage: `<Box textTransform="uppercase" />`
+     */
     textTransform?: ResponsiveProperty<CSSProperties['textTransform']>;
+    /** CSS `flex`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `flex`
+     * <br/>Usage: `<Box flex="1 1 auto" />`
+     */
     flex?: ResponsiveProperty<CSSProperties['flex']>;
+    /** CSS `flex-grow`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `grow`
+     * <br/>Usage: `<Box grow={1} />`
+     */
     grow?: ResponsiveProperty<CSSProperties['flexGrow']>;
+    /** CSS `flex-basis`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `basis`
+     * <br/>Usage: `<Box basis="200px" />`
+     */
     basis?: ResponsiveProperty<CSSProperties['flexBasis']>;
+    /** CSS `flex-shrink`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `shrink`
+     * <br/>Usage: `<Box shrink={0} />`
+     */
     shrink?: ResponsiveProperty<CSSProperties['flexShrink']>;
+    /** CSS `border-style`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `borderStyle`
+     * <br/>Usage: `<Box borderStyle="solid" />`
+     */
     borderStyle?: ResponsiveProperty<CSSProperties['borderStyle']>;
+    /** CSS `order`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `order`
+     * <br/>Usage: `<Box order={1} />`
+     */
     order?: ResponsiveProperty<CSSProperties['order']>;
     /**
      * Shorthand Responsive Properties
      */
+    /** Theme Shorthand `margin`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `margin`
+     * <br/>Usage: `<Box margin={2} />`
+     */
     margin?: ResponsiveThemeProperty<'spaces', 'margin'>;
+    /** Theme Shorthand `padding`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `padding`
+     * <br/>Usage: `<Box padding={2} />`
+     */
     padding?: ResponsiveThemeProperty<'spaces', 'padding'>;
-    /**
-     * Individual Responsive Properties
+    /** Theme `margin-left`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginLeft`
+     * <br/>Usage: `<Box marginLeft={2} />`
      */
     marginLeft?: ResponsiveThemeProperty<'spaces', 'marginLeft'>;
+    /** Theme `margin-right`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginRight`
+     * <br/>Usage: `<Box marginRight={2} />`
+     */
     marginRight?: ResponsiveThemeProperty<'spaces', 'marginRight'>;
+    /** Theme `margin-top`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginTop`
+     * <br/>Usage: `<Box marginTop={2} />`
+     */
     marginTop?: ResponsiveThemeProperty<'spaces', 'marginTop'>;
+    /** Theme `margin-bottom`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginBottom`
+     * <br/>Usage: `<Box marginBottom={2} />`
+     */
     marginBottom?: ResponsiveThemeProperty<'spaces', 'marginBottom'>;
+    /** Theme Logical `margin-block`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginBlock`
+     * <br/>Usage: `<Box marginBlock={2} />`
+     */
     marginBlock?: ResponsiveThemeProperty<'spaces', 'marginBlock'>;
+    /** Theme Logical `margin-block-start`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginBlockStart`
+     * <br/>Usage: `<Box marginBlockStart={2} />`
+     */
     marginBlockStart?: ResponsiveThemeProperty<'spaces', 'marginBlockStart'>;
+    /** Theme Logical `margin-block-end`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginBlockEnd`
+     * <br/>Usage: `<Box marginBlockEnd={2} />`
+     */
     marginBlockEnd?: ResponsiveThemeProperty<'spaces', 'marginBlockEnd'>;
+    /** Theme Logical `margin-inline`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginInline`
+     * <br/>Usage: `<Box marginInline={2} />`
+     */
     marginInline?: ResponsiveThemeProperty<'spaces', 'marginInline'>;
+    /** Theme Logical `margin-inline-start`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginInlineStart`
+     * <br/>Usage: `<Box marginInlineStart={2} />`
+     */
     marginInlineStart?: ResponsiveThemeProperty<'spaces', 'marginInlineStart'>;
+    /** Theme Logical `margin-inline-end`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginInlineEnd`
+     * <br/>Usage: `<Box marginInlineEnd={2} />`
+     */
     marginInlineEnd?: ResponsiveThemeProperty<'spaces', 'marginInlineEnd'>;
+    /** Theme `padding-left`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingLeft`
+     * <br/>Usage: `<Box paddingLeft={2} />`
+     */
     paddingLeft?: ResponsiveThemeProperty<'spaces', 'paddingLeft'>;
+    /** Theme `padding-right`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingRight`
+     * <br/>Usage: `<Box paddingRight={2} />`
+     */
     paddingRight?: ResponsiveThemeProperty<'spaces', 'paddingRight'>;
+    /** Theme `padding-top`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingTop`
+     * <br/>Usage: `<Box paddingTop={2} />`
+     */
     paddingTop?: ResponsiveThemeProperty<'spaces', 'paddingTop'>;
+    /** Theme `padding-bottom`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingBottom`
+     * <br/>Usage: `<Box paddingBottom={2} />`
+     */
     paddingBottom?: ResponsiveThemeProperty<'spaces', 'paddingBottom'>;
+    /** Theme Logical `padding-block`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingBlock`
+     * <br/>Usage: `<Box paddingBlock={2} />`
+     */
     paddingBlock?: ResponsiveThemeProperty<'spaces', 'paddingBlock'>;
+    /** Theme Logical `padding-block-start`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingBlockStart`
+     * <br/>Usage: `<Box paddingBlockStart={2} />`
+     */
     paddingBlockStart?: ResponsiveThemeProperty<'spaces', 'paddingBlockStart'>;
+    /** Theme Logical `padding-block-end`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingBlockEnd`
+     * <br/>Usage: `<Box paddingBlockEnd={2} />`
+     */
     paddingBlockEnd?: ResponsiveThemeProperty<'spaces', 'paddingBlockEnd'>;
+    /** Theme Logical `padding-inline`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingInline`
+     * <br/>Usage: `<Box paddingInline={2} />`
+     */
     paddingInline?: ResponsiveThemeProperty<'spaces', 'paddingInline'>;
+    /** Theme Logical `padding-inline-start`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingInlineStart`
+     * <br/>Usage: `<Box paddingInlineStart={2} />`
+     */
     paddingInlineStart?: ResponsiveThemeProperty<'spaces', 'paddingInlineStart'>;
+    /** Theme Logical `padding-inline-end`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingInlineEnd`
+     * <br/>Usage: `<Box paddingInlineEnd={2} />`
+     */
     paddingInlineEnd?: ResponsiveThemeProperty<'spaces', 'paddingInlineEnd'>;
+    /** Theme `border-radius`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `borderRadius`
+     * <br/>Usage: `<Box borderRadius={...} />`
+     */
     borderRadius?: ResponsiveThemeProperty<'spaces', 'borderRadius'>;
+    /** Theme `border-width`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `borderWidth`
+     * <br/>Usage: `<Box borderWidth="1px" />`
+     */
     borderWidth?: ResponsiveThemeProperty<'spaces', 'borderWidth'>;
+    /** Theme `top`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `top`
+     * <br/>Usage: `<Box top="10rem" />`
+     */
     top?: ResponsiveThemeProperty<'spaces', 'top'>;
+    /** Theme `left`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `left`
+     * <br/>Usage: `<Box left="10rem" />`
+     */
     left?: ResponsiveThemeProperty<'spaces', 'left'>;
+    /** Theme `bottom`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `bottom`
+     * <br/>Usage: `<Box bottom="10rem" />`
+     */
     bottom?: ResponsiveThemeProperty<'spaces', 'bottom'>;
+    /** Theme `right`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `right`
+     * <br/>Usage: `<Box right="10rem" />`
+     */
     right?: ResponsiveThemeProperty<'spaces', 'right'>;
+    /** Theme `width`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `width`
+     * <br/>Usage: `<Box width="10rem" />`
+     */
     width?: ResponsiveThemeProperty<'spaces', 'width'>;
+    /** Theme `height`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `height`
+     * <br/>Usage: `<Box height="10rem" />`
+     */
     height?: ResponsiveThemeProperty<'spaces', 'height'>;
+    /** Theme `max-width`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `maxWidth`
+     * <br/>Usage: `<Box maxWidth="10rem" />`
+     */
     maxWidth?: ResponsiveThemeProperty<'spaces', 'maxWidth'>;
+    /** Theme `min-width`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `minWidth`
+     * <br/>Usage: `<Box minWidth="10rem" />`
+     */
     minWidth?: ResponsiveThemeProperty<'spaces', 'minWidth'>;
+    /** Theme `max-height`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `maxHeight`
+     * <br/>Usage: `<Box maxHeight="10rem" />`
+     */
     maxHeight?: ResponsiveThemeProperty<'spaces', 'maxHeight'>;
+    /** Theme `min-height`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `minHeight`
+     * <br/>Usage: `<Box minHeight="10rem" />`
+     */
     minHeight?: ResponsiveThemeProperty<'spaces', 'minHeight'>;
-    /**
-     * Theme Properties
+    /** Theme color for `border-color`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `borderColor`
+     * <br/>Usage: `<Box borderColor="primary600" />`
+     * <br/>Theme: [Color](../?path=/docs/foundations-color--docs)
      */
     borderColor?: ResponsiveThemeProperty<'colors', 'borderColor'>;
+    /** Theme color for `color`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `color`
+     * <br/>Usage: `<Box color="primary600" />`
+     * <br/>Theme: [Color](../?path=/docs/foundations-color--docs)
+     */
     color?: ResponsiveThemeProperty<'colors', 'color'>;
+    /** Theme color for `background`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `background`
+     * <br/>Usage: `<Box background="primary600" />`
+     * <br/>Theme: [Color](../?path=/docs/foundations-color--docs)
+     */
     background?: ResponsiveThemeProperty<'colors', 'background'>;
+    /** Theme shadow for `box-shadow`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `shadow`
+     * <br/>Usage: `<Box shadow="filterShadow" />`
+     * <br/>Theme: [Elevation](../?path=/docs/foundations-elevation--docs)
+     */
     shadow?: ResponsiveThemeProperty<'shadows', 'boxShadow'>;
+    /** Theme font size for `font-size`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `fontSize`
+     * <br/>Usage: `<Box fontSize={2} />`
+     * <br/>Theme: [Typography](../?path=/docs/foundations-typography--docs)
+     */
     fontSize?: ResponsiveThemeProperty<'fontSizes', 'fontSize'>;
+    /** Theme font weight for `font-weight`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `fontWeight`
+     * <br/>Usage: `<Box fontWeight="bold" />`
+     * <br/>Theme: [Typography](../?path=/docs/foundations-typography--docs)
+     */
     fontWeight?: ResponsiveThemeProperty<'fontWeights', 'fontWeight'>;
+    /** Theme line height for `line-height`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `lineHeight`
+     * <br/>Usage: `<Box lineHeight={2} />`
+     * <br/>Theme: [Typography](../?path=/docs/foundations-typography--docs)
+     */
     lineHeight?: ResponsiveThemeProperty<'lineHeights', 'lineHeight'>;
+    /** Theme z-index for `z-index`
+     * <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `zIndex`
+     * <br/>Usage: `<Box zIndex={1} />`
+     */
     zIndex?: ResponsiveThemeProperty<'zIndices', 'zIndex'>;
+    /** Use theme `borderRadius` when true
+     * Usage: `<Box hasRadius />`
+     */
     hasRadius?: boolean;
 }
 type BoxProps<C extends React.ElementType = 'div'> = PolymorphicComponentPropsWithRef<C, TransientBoxProps & {

package/dist/primitives/Box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/primitives/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,gCAAgC,EAAyC,MAAM,aAAa,CAAC;AAGtG,UAAU,iBAAiB;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;IAC7D,SAAS,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,aAAa,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IACnE,IAAI,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;IACzD,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD;;OAEG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAEvD;;OAEG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC/D,SAAS,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjE,WAAW,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC/D,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IACzE,cAAc,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IACrE,YAAY,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjE,iBAAiB,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IAC3E,eAAe,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACvE,WAAW,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjE,UAAU,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC7D,aAAa,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IACnE,YAAY,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjE,iBAAiB,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IAC3E,eAAe,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IACnE,kBAAkB,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IAC7E,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IACzE,YAAY,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjE,WAAW,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC/D,GAAG,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IACzD,SAAS,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC7D,MAAM,CAAC,EAAE,uBAAuB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,uBAAuB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,uBAAuB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAClE,UAAU,CAAC,EAAE,uBAAuB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAClE,MAAM,CAAC,EAAE,uBAAuB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,KAAK,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gCAAgC,CACnF,CAAC,EACD,iBAAiB,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CACF,CAAC;AAEF,QAAA,MAAM,GAAG,qBA0GS,CAAC;AA0DnB,KAAK,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,CAAC,EACvF,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KACf,GAAG,CAAC,OAAO,CAAC;AAEjB,OAAO,EAAE,GAAG,EAAE,CAAC;AACf,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/primitives/Box/Box.tsx"],"names":[],"mappings":"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"}

package/dist/styles/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/styles/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAA0B,KAAK,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAczG,QAAA,MAAM,aAAa,wEAA2D,CAAC;AAM/E,QAAA,MAAM,QAAQ,6CAKb,CAAC;AAMF,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,uBAAuB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,uBAAuB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;CACpE;AAED,QAAA,MAAM,OAAO,gDAAyD,YAAY,gDA+NjF,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/styles/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAA0B,KAAK,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAczG,QAAA,MAAM,aAAa,wEAA2D,CAAC;AAM/E,QAAA,MAAM,QAAQ,6CAKb,CAAC;AAMF,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,uBAAuB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,uBAAuB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;CACpE;AAED,QAAA,MAAM,OAAO,gDAAyD,YAAY,gDA6PjF,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/themes/darkTheme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/darkTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,eAAO,MAAM,SAAS,EAAE,YAIvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/darkTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,eAAO,MAAM,SAAS,EAAE,YAKvB,CAAC"}

package/dist/themes/index.d.ts

@@ -4,8 +4,15 @@ export * from './lightTheme';
 export * from './darkTheme';
 export * from './extendTheme';
 export * from './utils';
+/**
+ * Identifies which built-in color scheme a theme is based on. Read it from a
+ * `styled-components` theme (`theme.colorScheme`) when a style genuinely has to
+ * branch on light vs dark — prefer semantic color tokens whenever one exists.
+ */
+export type ColorScheme = 'light' | 'dark';
 export interface StrapiTheme extends CommonTheme {
     colors: Colors;
     shadows: Shadows;
+    colorScheme: ColorScheme;
 }
 //# sourceMappingURL=index.d.ts.map

package/dist/themes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AAExB,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AAExB;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;CAC1B"}

package/dist/themes/lightTheme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/lightTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,eAAO,MAAM,UAAU,EAAE,YAIxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/lightTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,eAAO,MAAM,UAAU,EAAE,YAKxB,CAAC"}

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@strapi/design-system",
-  "version": "2.1.2",
+  "version": "2.2.1",
   "type": "module",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/strapi/design-system.git",
+    "directory": "packages/design-system"
+  },
   "sideEffects": false,
   "source": "./src/index.ts",
   "main": "./dist/index.js",
@@ -33,14 +38,14 @@
     "@radix-ui/react-tabs": "1.0.4",
     "@radix-ui/react-tooltip": "1.0.7",
     "@radix-ui/react-use-callback-ref": "1.0.1",
-    "@strapi/ui-primitives": "2.1.2",
+    "@strapi/ui-primitives": "2.2.1",
     "@uiw/react-codemirror": "4.22.2",
-    "lodash": "4.17.21",
+    "lodash": "4.18.1",
     "react-remove-scroll": "2.5.10"
   },
   "devDependencies": {
-    "@strapi/icons": "2.1.2",
-    "@types/lodash": "^4.17.15",
+    "@strapi/icons": "2.2.1",
+    "@types/lodash": "^4.17.23",
     "@vitejs/plugin-react-swc": "^3.7.0",
     "jest": "29.7.0",
     "react": "18.3.1",