@atom-learning/components 3.30.0 → 4.0.0-beta.10

package/dist/components/badge/stitches.badge.colorscheme.config.d.ts

@@ -76,6 +76,17 @@ export declare const colorSchemes: {
             backgroundBold: string;
         };
     }, "">;
+    pink: string & {
+        className: string;
+        selector: string;
+    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
+        colors: {
+            textSubtle: string;
+            backgroundSubtle: string;
+            textBold: string;
+            backgroundBold: string;
+        };
+    }, "">;
     purple: string & {
         className: string;
         selector: string;

package/dist/components/badge/stitches.badge.colorscheme.config.js

@@ -1,2 +1,2 @@
-import{createTheme as e}from"../../stitches.js";const o=e({colors:{textSubtle:"$infoMid",backgroundSubtle:"$infoLight",textBold:"#FFF",backgroundBold:"$info"}}),t=e({colors:{textSubtle:"$grey900",backgroundSubtle:"$grey100",textBold:"#FFF",backgroundBold:"$grey800"}}),l=e({colors:{textSubtle:"$successMid",backgroundSubtle:"$successLight",textBold:"#FFF",backgroundBold:"$success"}}),r=e({colors:{textSubtle:"$dangerMid",backgroundSubtle:"$dangerLight",textBold:"#FFF",backgroundBold:"$danger"}}),u=e({colors:{textSubtle:"$warningText",backgroundSubtle:"$warningLight",textBold:"$grey1000",backgroundBold:"$warning"}}),d=e({colors:{textSubtle:"$grey1000",backgroundSubtle:"$grey200",textBold:"#FFF",backgroundBold:"$grey800"}}),b=e({colors:{textSubtle:"$blue1000",backgroundSubtle:"$blue200",textBold:"#FFF",backgroundBold:"$blue800"}}),g=e({colors:{textSubtle:"$purple1000",backgroundSubtle:"$purple200",textBold:"#FFF",backgroundBold:"$purple800"}}),n=e({colors:{textSubtle:"$cyan1000",backgroundSubtle:"$cyan200",textBold:"#FFF",backgroundBold:"$cyan800"}}),c=e({colors:{textSubtle:"$green1000",backgroundSubtle:"$green200",textBold:"#FFF",backgroundBold:"$green800"}}),a=e({colors:{textSubtle:"$magenta1000",backgroundSubtle:"$magenta200",textBold:"#FFF",backgroundBold:"$magenta800"}}),$=e({colors:{textSubtle:"$red1000",backgroundSubtle:"$red200",textBold:"#FFF",backgroundBold:"$red800"}}),F=e({colors:{textSubtle:"$teal1000",backgroundSubtle:"$teal200",textBold:"#FFF",backgroundBold:"$teal800"}}),x=e({colors:{textSubtle:"$orange1000",backgroundSubtle:"$orange200",textBold:"$grey1200",backgroundBold:"$orange600"}}),S=e({colors:{textSubtle:"$yellow1000",backgroundSubtle:"$yellow200",textBold:"$grey1200",backgroundBold:"$yellow500"}}),k=e({colors:{textSubtle:"$lime1000",backgroundSubtle:"$lime200",textBold:"$grey1200",backgroundBold:"$lime600"}}),s={info:o,neutral:t,success:l,danger:r,warning:u,grey:d,blue:b,purple:g,cyan:n,green:c,magenta:a,red:$,teal:F,orange:x,yellow:S,lime:k};export{s as colorSchemes};
+import{createTheme as e}from"../../stitches.js";const t=e({colors:{textSubtle:"$infoMid",backgroundSubtle:"$infoLight",textBold:"#FFF",backgroundBold:"$info"}}),o=e({colors:{textSubtle:"$grey900",backgroundSubtle:"$grey100",textBold:"#FFF",backgroundBold:"$grey800"}}),l=e({colors:{textSubtle:"$successMid",backgroundSubtle:"$successLight",textBold:"#FFF",backgroundBold:"$success"}}),r=e({colors:{textSubtle:"$dangerMid",backgroundSubtle:"$dangerLight",textBold:"#FFF",backgroundBold:"$danger"}}),u=e({colors:{textSubtle:"$warningText",backgroundSubtle:"$warningLight",textBold:"$grey1000",backgroundBold:"$warning"}}),d=e({colors:{textSubtle:"$grey1000",backgroundSubtle:"$grey200",textBold:"#FFF",backgroundBold:"$grey800"}}),n=e({colors:{textSubtle:"$blue1000",backgroundSubtle:"$blue200",textBold:"#FFF",backgroundBold:"$blue800"}}),b=e({colors:{textSubtle:"$pink1000",backgroundSubtle:"$pink200",textBold:"#FFF",backgroundBold:"$pink800"}}),g=e({colors:{textSubtle:"$purple1000",backgroundSubtle:"$purple200",textBold:"#FFF",backgroundBold:"$purple800"}}),c=e({colors:{textSubtle:"$cyan1000",backgroundSubtle:"$cyan200",textBold:"#FFF",backgroundBold:"$cyan800"}}),a=e({colors:{textSubtle:"$green1000",backgroundSubtle:"$green200",textBold:"#FFF",backgroundBold:"$green800"}}),$=e({colors:{textSubtle:"$magenta1000",backgroundSubtle:"$magenta200",textBold:"#FFF",backgroundBold:"$magenta800"}}),F=e({colors:{textSubtle:"$red1000",backgroundSubtle:"$red200",textBold:"#FFF",backgroundBold:"$red800"}}),k=e({colors:{textSubtle:"$teal1000",backgroundSubtle:"$teal200",textBold:"#FFF",backgroundBold:"$teal800"}}),x=e({colors:{textSubtle:"$orange1000",backgroundSubtle:"$orange200",textBold:"$grey1200",backgroundBold:"$orange600"}}),S=e({colors:{textSubtle:"$yellow1000",backgroundSubtle:"$yellow200",textBold:"$grey1200",backgroundBold:"$yellow500"}}),B=e({colors:{textSubtle:"$lime1000",backgroundSubtle:"$lime200",textBold:"$grey1200",backgroundBold:"$lime600"}}),s={info:t,neutral:o,success:l,danger:r,warning:u,grey:d,blue:n,pink:b,purple:g,cyan:c,green:a,magenta:$,red:F,teal:k,orange:x,yellow:S,lime:B};export{s as colorSchemes};
 //# sourceMappingURL=stitches.badge.colorscheme.config.js.map

package/dist/components/badge/stitches.badge.colorscheme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stitches.badge.colorscheme.config.js","sources":["../../../src/components/badge/stitches.badge.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\n/*\n * Semantic themes\n */\n\nconst info = createTheme({\n  colors: {\n    textSubtle: '$infoMid',\n    backgroundSubtle: '$infoLight',\n    textBold: '#FFF',\n    backgroundBold: '$info'\n  }\n})\n\nconst neutral = createTheme({\n  colors: {\n    textSubtle: '$grey900',\n    backgroundSubtle: '$grey100',\n    textBold: '#FFF',\n    backgroundBold: '$grey800'\n  }\n})\n\nconst success = createTheme({\n  colors: {\n    textSubtle: '$successMid',\n    backgroundSubtle: '$successLight',\n    textBold: '#FFF',\n    backgroundBold: '$success'\n  }\n})\n\nconst danger = createTheme({\n  colors: {\n    textSubtle: '$dangerMid',\n    backgroundSubtle: '$dangerLight',\n    textBold: '#FFF',\n    backgroundBold: '$danger'\n  }\n})\n\nconst warning = createTheme({\n  colors: {\n    textSubtle: '$warningText',\n    backgroundSubtle: '$warningLight',\n    textBold: '$grey1000',\n    backgroundBold: '$warning'\n  }\n})\n\n/*\n * Non-semantic themes\n */\n\nconst grey = createTheme({\n  colors: {\n    textSubtle: '$grey1000',\n    backgroundSubtle: '$grey200',\n    textBold: '#FFF',\n    backgroundBold: '$grey800'\n  }\n})\n\nconst blue = createTheme({\n  colors: {\n    textSubtle: '$blue1000',\n    backgroundSubtle: '$blue200',\n    textBold: '#FFF',\n    backgroundBold: '$blue800'\n  }\n})\n\nconst purple = createTheme({\n  colors: {\n    textSubtle: '$purple1000',\n    backgroundSubtle: '$purple200',\n    textBold: '#FFF',\n    backgroundBold: '$purple800'\n  }\n})\n\nconst cyan = createTheme({\n  colors: {\n    textSubtle: '$cyan1000',\n    backgroundSubtle: '$cyan200',\n    textBold: '#FFF',\n    backgroundBold: '$cyan800'\n  }\n})\n\nconst green = createTheme({\n  colors: {\n    textSubtle: '$green1000',\n    backgroundSubtle: '$green200',\n    textBold: '#FFF',\n    backgroundBold: '$green800'\n  }\n})\n\nconst magenta = createTheme({\n  colors: {\n    textSubtle: '$magenta1000',\n    backgroundSubtle: '$magenta200',\n    textBold: '#FFF',\n    backgroundBold: '$magenta800'\n  }\n})\n\nconst red = createTheme({\n  colors: {\n    textSubtle: '$red1000',\n    backgroundSubtle: '$red200',\n    textBold: '#FFF',\n    backgroundBold: '$red800'\n  }\n})\n\nconst teal = createTheme({\n  colors: {\n    textSubtle: '$teal1000',\n    backgroundSubtle: '$teal200',\n    textBold: '#FFF',\n    backgroundBold: '$teal800'\n  }\n})\n\nconst orange = createTheme({\n  colors: {\n    textSubtle: '$orange1000',\n    backgroundSubtle: '$orange200',\n    textBold: '$grey1200',\n    backgroundBold: '$orange600'\n  }\n})\n\nconst yellow = createTheme({\n  colors: {\n    textSubtle: '$yellow1000',\n    backgroundSubtle: '$yellow200',\n    textBold: '$grey1200',\n    backgroundBold: '$yellow500'\n  }\n})\n\nconst lime = createTheme({\n  colors: {\n    textSubtle: '$lime1000',\n    backgroundSubtle: '$lime200',\n    textBold: '$grey1200',\n    backgroundBold: '$lime600'\n  }\n})\n\nexport const colorSchemes = {\n  info,\n  neutral,\n  success,\n  danger,\n  warning,\n  grey,\n  blue,\n  purple,\n  cyan,\n  green,\n  magenta,\n  red,\n  teal,\n  orange,\n  yellow,\n  lime\n}\n"],"names":["info","createTheme","neutral","success","danger","warning","grey","blue","purple","cyan","green","magenta","red","teal","orange","yellow","lime","colorSchemes"],"mappings":"gDAMA,MAAMA,EAAOC,EAAY,CACvB,OAAQ,CACN,WAAY,WACZ,iBAAkB,aAClB,SAAU,OACV,eAAgB,OAClB,CACF,CAAC,EAEKC,EAAUD,EAAY,CAC1B,OAAQ,CACN,WAAY,WACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKE,EAAUF,EAAY,CAC1B,OAAQ,CACN,WAAY,cACZ,iBAAkB,gBAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKG,EAASH,EAAY,CACzB,OAAQ,CACN,WAAY,aACZ,iBAAkB,eAClB,SAAU,OACV,eAAgB,SAClB,CACF,CAAC,EAEKI,EAAUJ,EAAY,CAC1B,OAAQ,CACN,WAAY,eACZ,iBAAkB,gBAClB,SAAU,YACV,eAAgB,UAClB,CACF,CAAC,EAMKK,EAAOL,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKM,EAAON,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKO,EAASP,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,OACV,eAAgB,YAClB,CACF,CAAC,EAEKQ,EAAOR,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKS,EAAQT,EAAY,CACxB,OAAQ,CACN,WAAY,aACZ,iBAAkB,YAClB,SAAU,OACV,eAAgB,WAClB,CACF,CAAC,EAEKU,EAAUV,EAAY,CAC1B,OAAQ,CACN,WAAY,eACZ,iBAAkB,cAClB,SAAU,OACV,eAAgB,aAClB,CACF,CAAC,EAEKW,EAAMX,EAAY,CACtB,OAAQ,CACN,WAAY,WACZ,iBAAkB,UAClB,SAAU,OACV,eAAgB,SAClB,CACF,CAAC,EAEKY,EAAOZ,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKa,EAASb,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,YACV,eAAgB,YAClB,CACF,CAAC,EAEKc,EAASd,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,YACV,eAAgB,YAClB,CACF,CAAC,EAEKe,EAAOf,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,YACV,eAAgB,UAClB,CACF,CAAC,EAEYgB,EAAe,CAC1B,KAAAjB,EACA,QAAAE,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,IAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,KAAAC,CACF"}
+{"version":3,"file":"stitches.badge.colorscheme.config.js","sources":["../../../src/components/badge/stitches.badge.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\n/*\n * Semantic themes\n */\n\nconst info = createTheme({\n  colors: {\n    textSubtle: '$infoMid',\n    backgroundSubtle: '$infoLight',\n    textBold: '#FFF',\n    backgroundBold: '$info'\n  }\n})\n\nconst neutral = createTheme({\n  colors: {\n    textSubtle: '$grey900',\n    backgroundSubtle: '$grey100',\n    textBold: '#FFF',\n    backgroundBold: '$grey800'\n  }\n})\n\nconst success = createTheme({\n  colors: {\n    textSubtle: '$successMid',\n    backgroundSubtle: '$successLight',\n    textBold: '#FFF',\n    backgroundBold: '$success'\n  }\n})\n\nconst danger = createTheme({\n  colors: {\n    textSubtle: '$dangerMid',\n    backgroundSubtle: '$dangerLight',\n    textBold: '#FFF',\n    backgroundBold: '$danger'\n  }\n})\n\nconst warning = createTheme({\n  colors: {\n    textSubtle: '$warningText',\n    backgroundSubtle: '$warningLight',\n    textBold: '$grey1000',\n    backgroundBold: '$warning'\n  }\n})\n\n/*\n * Non-semantic themes\n */\n\nconst grey = createTheme({\n  colors: {\n    textSubtle: '$grey1000',\n    backgroundSubtle: '$grey200',\n    textBold: '#FFF',\n    backgroundBold: '$grey800'\n  }\n})\n\nconst blue = createTheme({\n  colors: {\n    textSubtle: '$blue1000',\n    backgroundSubtle: '$blue200',\n    textBold: '#FFF',\n    backgroundBold: '$blue800'\n  }\n})\n\nconst pink = createTheme({\n  colors: {\n    textSubtle: '$pink1000',\n    backgroundSubtle: '$pink200',\n    textBold: '#FFF',\n    backgroundBold: '$pink800'\n  }\n})\n\nconst purple = createTheme({\n  colors: {\n    textSubtle: '$purple1000',\n    backgroundSubtle: '$purple200',\n    textBold: '#FFF',\n    backgroundBold: '$purple800'\n  }\n})\n\nconst cyan = createTheme({\n  colors: {\n    textSubtle: '$cyan1000',\n    backgroundSubtle: '$cyan200',\n    textBold: '#FFF',\n    backgroundBold: '$cyan800'\n  }\n})\n\nconst green = createTheme({\n  colors: {\n    textSubtle: '$green1000',\n    backgroundSubtle: '$green200',\n    textBold: '#FFF',\n    backgroundBold: '$green800'\n  }\n})\n\nconst magenta = createTheme({\n  colors: {\n    textSubtle: '$magenta1000',\n    backgroundSubtle: '$magenta200',\n    textBold: '#FFF',\n    backgroundBold: '$magenta800'\n  }\n})\n\nconst red = createTheme({\n  colors: {\n    textSubtle: '$red1000',\n    backgroundSubtle: '$red200',\n    textBold: '#FFF',\n    backgroundBold: '$red800'\n  }\n})\n\nconst teal = createTheme({\n  colors: {\n    textSubtle: '$teal1000',\n    backgroundSubtle: '$teal200',\n    textBold: '#FFF',\n    backgroundBold: '$teal800'\n  }\n})\n\nconst orange = createTheme({\n  colors: {\n    textSubtle: '$orange1000',\n    backgroundSubtle: '$orange200',\n    textBold: '$grey1200',\n    backgroundBold: '$orange600'\n  }\n})\n\nconst yellow = createTheme({\n  colors: {\n    textSubtle: '$yellow1000',\n    backgroundSubtle: '$yellow200',\n    textBold: '$grey1200',\n    backgroundBold: '$yellow500'\n  }\n})\n\nconst lime = createTheme({\n  colors: {\n    textSubtle: '$lime1000',\n    backgroundSubtle: '$lime200',\n    textBold: '$grey1200',\n    backgroundBold: '$lime600'\n  }\n})\n\nexport const colorSchemes = {\n  info,\n  neutral,\n  success,\n  danger,\n  warning,\n  grey,\n  blue,\n  pink,\n  purple,\n  cyan,\n  green,\n  magenta,\n  red,\n  teal,\n  orange,\n  yellow,\n  lime\n}\n"],"names":["info","createTheme","neutral","success","danger","warning","grey","blue","pink","purple","cyan","green","magenta","red","teal","orange","yellow","lime","colorSchemes"],"mappings":"gDAMA,MAAMA,EAAOC,EAAY,CACvB,OAAQ,CACN,WAAY,WACZ,iBAAkB,aAClB,SAAU,OACV,eAAgB,OAClB,CACF,CAAC,EAEKC,EAAUD,EAAY,CAC1B,OAAQ,CACN,WAAY,WACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKE,EAAUF,EAAY,CAC1B,OAAQ,CACN,WAAY,cACZ,iBAAkB,gBAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKG,EAASH,EAAY,CACzB,OAAQ,CACN,WAAY,aACZ,iBAAkB,eAClB,SAAU,OACV,eAAgB,SAClB,CACF,CAAC,EAEKI,EAAUJ,EAAY,CAC1B,OAAQ,CACN,WAAY,eACZ,iBAAkB,gBAClB,SAAU,YACV,eAAgB,UAClB,CACF,CAAC,EAMKK,EAAOL,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKM,EAAON,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKO,EAAOP,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKQ,EAASR,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,OACV,eAAgB,YAClB,CACF,CAAC,EAEKS,EAAOT,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKU,EAAQV,EAAY,CACxB,OAAQ,CACN,WAAY,aACZ,iBAAkB,YAClB,SAAU,OACV,eAAgB,WAClB,CACF,CAAC,EAEKW,EAAUX,EAAY,CAC1B,OAAQ,CACN,WAAY,eACZ,iBAAkB,cAClB,SAAU,OACV,eAAgB,aAClB,CACF,CAAC,EAEKY,EAAMZ,EAAY,CACtB,OAAQ,CACN,WAAY,WACZ,iBAAkB,UAClB,SAAU,OACV,eAAgB,SAClB,CACF,CAAC,EAEKa,EAAOb,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKc,EAASd,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,YACV,eAAgB,YAClB,CACF,CAAC,EAEKe,EAASf,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,YACV,eAAgB,YAClB,CACF,CAAC,EAEKgB,EAAOhB,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,YACV,eAAgB,UAClB,CACF,CAAC,EAEYiB,EAAe,CAC1B,KAAAlB,EACA,QAAAE,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,IAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,KAAAC,CACF"}

package/dist/components/banner/Banner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Banner: {
     ({ emphasis, size, children }: import("react").PropsWithChildren<import("./BannerContext").TBannerProviderProps>): import("react").JSX.Element;
     displayName: string;