@atom-learning/components 3.10.0 → 3.11.0

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts

@@ -25,9 +25,10 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -174,11 +175,6 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -187,6 +183,10 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -210,6 +210,18 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.d.ts

@@ -18,9 +18,10 @@ declare const StyledNavigationMenuVerticalAccordionContent: import("@stitches/re
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -167,11 +168,6 @@ declare const StyledNavigationMenuVerticalAccordionContent: import("@stitches/re
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -180,6 +176,10 @@ declare const StyledNavigationMenuVerticalAccordionContent: import("@stitches/re
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -203,6 +203,18 @@ declare const StyledNavigationMenuVerticalAccordionContent: import("@stitches/re
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.d.ts

@@ -19,9 +19,10 @@ declare const StyledNavigationMenuVerticalAccordionTrigger: import("@stitches/re
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -168,11 +169,6 @@ declare const StyledNavigationMenuVerticalAccordionTrigger: import("@stitches/re
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -181,6 +177,10 @@ declare const StyledNavigationMenuVerticalAccordionTrigger: import("@stitches/re
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -204,6 +204,18 @@ declare const StyledNavigationMenuVerticalAccordionTrigger: import("@stitches/re
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.d.ts

@@ -22,9 +22,10 @@ declare const StyledNavigationMenuVerticalIcon: import("@stitches/react/types/st
         hover: string;
     }, {
         colors: {
-            textForeground: any;
+            textBold: any;
+            textRegular: any;
             textSubtle: any;
-            textPlaceholder: any;
+            textMinimal: any;
             background: any;
             backgroundAccent: any;
             grey100: any;
@@ -171,11 +172,6 @@ declare const StyledNavigationMenuVerticalIcon: import("@stitches/react/types/st
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
             brandRed: any;
             brandRedAccent: any;
             brandGreen: any;
@@ -184,6 +180,10 @@ declare const StyledNavigationMenuVerticalIcon: import("@stitches/react/types/st
             brandPurpleAccent: any;
             brandYellow: any;
             brandYellowAccent: any;
+            infoLight: any;
+            info: any;
+            infoMid: any;
+            infoDark: any;
             successLight: any;
             success: any;
             successMid: any;
@@ -207,6 +207,18 @@ declare const StyledNavigationMenuVerticalIcon: import("@stitches/react/types/st
             glBlueLight: any;
             glBluePrimary: any;
             glBlueDark: any;
+            primary100: any;
+            primary200: any;
+            primary300: any;
+            primary400: any;
+            primary500: any;
+            primary600: any;
+            primary700: any;
+            primary800: any;
+            primary900: any;
+            primary1000: any;
+            primary1100: any;
+            primary1200: any;
         };
         space: {
             "0": any;
@@ -344,9 +356,10 @@ declare const StyledNavigationMenuVerticalIcon: import("@stitches/react/types/st
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -493,11 +506,6 @@ declare const StyledNavigationMenuVerticalIcon: import("@stitches/react/types/st
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -506,6 +514,10 @@ declare const StyledNavigationMenuVerticalIcon: import("@stitches/react/types/st
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -529,6 +541,18 @@ declare const StyledNavigationMenuVerticalIcon: import("@stitches/react/types/st
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalItem.d.ts

@@ -17,9 +17,10 @@ declare const StyledNavigationMenuVerticalItem: import("@stitches/react/types/st
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -166,11 +167,6 @@ declare const StyledNavigationMenuVerticalItem: import("@stitches/react/types/st
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -179,6 +175,10 @@ declare const StyledNavigationMenuVerticalItem: import("@stitches/react/types/st
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -202,6 +202,18 @@ declare const StyledNavigationMenuVerticalItem: import("@stitches/react/types/st
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts

@@ -19,9 +19,10 @@ declare const StyledNavigationMenuVerticalLink: import("@stitches/react/types/st
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -168,11 +169,6 @@ declare const StyledNavigationMenuVerticalLink: import("@stitches/react/types/st
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -181,6 +177,10 @@ declare const StyledNavigationMenuVerticalLink: import("@stitches/react/types/st
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -204,6 +204,18 @@ declare const StyledNavigationMenuVerticalLink: import("@stitches/react/types/st
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalList.d.ts

@@ -17,9 +17,10 @@ export declare const NavigationMenuVerticalList: import("@stitches/react/types/s
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -166,11 +167,6 @@ export declare const NavigationMenuVerticalList: import("@stitches/react/types/s
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -179,6 +175,10 @@ export declare const NavigationMenuVerticalList: import("@stitches/react/types/s
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -202,6 +202,18 @@ export declare const NavigationMenuVerticalList: import("@stitches/react/types/s
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts

@@ -23,9 +23,10 @@ declare const StyledNavigationMenuVerticalText: import("@stitches/react/types/st
         hover: string;
     }, {
         colors: {
-            textForeground: any;
+            textBold: any;
+            textRegular: any;
             textSubtle: any;
-            textPlaceholder: any;
+            textMinimal: any;
             background: any;
             backgroundAccent: any;
             grey100: any;
@@ -172,11 +173,6 @@ declare const StyledNavigationMenuVerticalText: import("@stitches/react/types/st
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
             brandRed: any;
             brandRedAccent: any;
             brandGreen: any;
@@ -185,6 +181,10 @@ declare const StyledNavigationMenuVerticalText: import("@stitches/react/types/st
             brandPurpleAccent: any;
             brandYellow: any;
             brandYellowAccent: any;
+            infoLight: any;
+            info: any;
+            infoMid: any;
+            infoDark: any;
             successLight: any;
             success: any;
             successMid: any;
@@ -208,6 +208,18 @@ declare const StyledNavigationMenuVerticalText: import("@stitches/react/types/st
             glBlueLight: any;
             glBluePrimary: any;
             glBlueDark: any;
+            primary100: any;
+            primary200: any;
+            primary300: any;
+            primary400: any;
+            primary500: any;
+            primary600: any;
+            primary700: any;
+            primary800: any;
+            primary900: any;
+            primary1000: any;
+            primary1100: any;
+            primary1200: any;
         };
         space: {
             "0": any;
@@ -346,9 +358,10 @@ declare const StyledNavigationMenuVerticalText: import("@stitches/react/types/st
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -495,11 +508,6 @@ declare const StyledNavigationMenuVerticalText: import("@stitches/react/types/st
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -508,6 +516,10 @@ declare const StyledNavigationMenuVerticalText: import("@stitches/react/types/st
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -531,6 +543,18 @@ declare const StyledNavigationMenuVerticalText: import("@stitches/react/types/st
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/notification-badge/NotificationBadge.d.ts

@@ -23,9 +23,10 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -172,11 +173,6 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -185,6 +181,10 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -208,6 +208,18 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;
@@ -341,9 +353,10 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -490,11 +503,6 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -503,6 +511,10 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -526,6 +538,18 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/notification-badge/NotificationBadge.js

@@ -1,2 +1,2 @@
-import e from"react";import{styled as o}from"../../stitches.js";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";const l=o(i,{position:"relative"}),a=o(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary"}),m=({value:t,children:r})=>e.createElement(l,null,!!t&&e.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};
+import e from"react";import{styled as o}from"../../stitches.js";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";const l=o(i,{position:"relative"}),a=o(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary800"}),m=({value:t,children:r})=>e.createElement(l,null,!!t&&e.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};
 //# sourceMappingURL=NotificationBadge.js.map

package/dist/components/notification-badge/NotificationBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.js","sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../box'\nimport { Flex } from '../flex'\n\nconst StyledWrapper = styled(Box, {\n  position: 'relative'\n})\n\nconst StyledBadge = styled(Flex, {\n  fontFamily: '$body',\n  fontSize: '$sm',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  position: 'absolute',\n  top: '0',\n  right: '0',\n  transform: 'translate(calc($sizes$2 / 2), -50%)',\n  borderRadius: '$round',\n  p: '$2',\n  height: '$2',\n  minWidth: '$2',\n  textAlign: 'center',\n  color: '#fff',\n  bg: '$primary'\n})\n\ntype NotificationBadgeProps = React.ComponentProps<typeof StyledBadge> & {\n  value: number | string\n}\n\nexport const NotificationBadge: React.FC<NotificationBadgeProps> = ({\n  value,\n  children\n}) => (\n  <StyledWrapper>\n    {!!value && <StyledBadge role=\"status\">{value}</StyledBadge>}\n    {children}\n  </StyledWrapper>\n)\n"],"names":["StyledWrapper","styled","Box","StyledBadge","Flex","NotificationBadge","value","children","React"],"mappings":"2IAOA,MAAMA,EAAgBC,EAAOC,EAAK,CAChC,SAAU,UACZ,CAAC,EAEKC,EAAcF,EAAOG,EAAM,CAC/B,WAAY,QACZ,SAAU,MACV,cAAe,SACf,eAAgB,SAChB,SAAU,WACV,IAAK,IACL,MAAO,IACP,UAAW,sCACX,aAAc,SACd,EAAG,KACH,OAAQ,KACR,SAAU,KACV,UAAW,SACX,MAAO,OACP,GAAI,UACN,CAAC,EAMYC,EAAsD,CAAC,CAClE,MAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACR,EAAA,KACE,CAAC,CAACM,GAASE,EAAA,cAACL,EAAA,CAAY,KAAK,QAAUG,EAAAA,CAAM,EAC7CC,CACH"}
+{"version":3,"file":"NotificationBadge.js","sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../box'\nimport { Flex } from '../flex'\n\nconst StyledWrapper = styled(Box, {\n  position: 'relative'\n})\n\nconst StyledBadge = styled(Flex, {\n  fontFamily: '$body',\n  fontSize: '$sm',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  position: 'absolute',\n  top: '0',\n  right: '0',\n  transform: 'translate(calc($sizes$2 / 2), -50%)',\n  borderRadius: '$round',\n  p: '$2',\n  height: '$2',\n  minWidth: '$2',\n  textAlign: 'center',\n  color: '#fff',\n  bg: '$primary800'\n})\n\ntype NotificationBadgeProps = React.ComponentProps<typeof StyledBadge> & {\n  value: number | string\n}\n\nexport const NotificationBadge: React.FC<NotificationBadgeProps> = ({\n  value,\n  children\n}) => (\n  <StyledWrapper>\n    {!!value && <StyledBadge role=\"status\">{value}</StyledBadge>}\n    {children}\n  </StyledWrapper>\n)\n"],"names":["StyledWrapper","styled","Box","StyledBadge","Flex","NotificationBadge","value","children","React"],"mappings":"2IAOA,MAAMA,EAAgBC,EAAOC,EAAK,CAChC,SAAU,UACZ,CAAC,EAEKC,EAAcF,EAAOG,EAAM,CAC/B,WAAY,QACZ,SAAU,MACV,cAAe,SACf,eAAgB,SAChB,SAAU,WACV,IAAK,IACL,MAAO,IACP,UAAW,sCACX,aAAc,SACd,EAAG,KACH,OAAQ,KACR,SAAU,KACV,UAAW,SACX,MAAO,OACP,GAAI,aACN,CAAC,EAMYC,EAAsD,CAAC,CAClE,MAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACR,EAAA,KACE,CAAC,CAACM,GAASE,EAAA,cAACL,EAAA,CAAY,KAAK,QAAUG,EAAAA,CAAM,EAC7CC,CACH"}

package/dist/components/pagination/Pagination.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{ColorScheme as d}from"../../experiments/color-scheme/ColorScheme.js";import{Flex as P}from"../flex/Flex.js";import{VisibleElementsAmount as p}from"./pagination.constants.js";import{PaginationProvider as b}from"./pagination-context/PaginationContext.js";import{PaginationItems as u}from"./PaginationItems.js";const a=({colorScheme:o,onSelectedPageChange:n,selectedPage:l,visibleElementsCount:i=p.LESS,pagesCount:t,indicatedPages:m=[],disabledPages:r=[],onItemHover:s=()=>null,labels:g={},...c})=>t?e.createElement(b,{onSelectedPageChange:n,selectedPage:l,visibleElementsCount:i,pagesCount:t,indicatedPages:m,disabledPages:r,onItemHover:s,labels:g},e.createElement(d,{base:"grey1",accent:"blue1",...o,asChild:!0},e.createElement(P,{gap:1,...c},e.createElement(u,null)))):null;a.displayName="Pagination";export{a as Pagination};
+import*as e from"react";import{ColorScheme as d}from"../../experiments/color-scheme/ColorScheme.js";import{Flex as P}from"../flex/Flex.js";import{VisibleElementsAmount as p}from"./pagination.constants.js";import{PaginationProvider as b}from"./pagination-context/PaginationContext.js";import{PaginationItems as u}from"./PaginationItems.js";const t=({colorScheme:o,onSelectedPageChange:n,selectedPage:l,visibleElementsCount:i=p.LESS,pagesCount:a,indicatedPages:m=[],disabledPages:r=[],onItemHover:s=()=>null,labels:g={},...c})=>a?e.createElement(b,{onSelectedPageChange:n,selectedPage:l,visibleElementsCount:i,pagesCount:a,indicatedPages:m,disabledPages:r,onItemHover:s,labels:g},e.createElement(d,{base:"grey1",accent:"primary1",...o,asChild:!0},e.createElement(P,{gap:1,...c},e.createElement(u,null)))):null;t.displayName="Pagination";export{t as Pagination};
 //# sourceMappingURL=Pagination.js.map