@atom-learning/components 3.10.1 → 3.11.0

package/dist/utilities/create-theme-variants/createThemeVariants.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '@atom-learning/theme';
+import { Theme } from '@atom-learning/theme/lib/theme-atom';
 import { CSS, theme } from '../../stitches';
 /**
  * Generates a Stitches variants object based on keys in our theme.
@@ -24,9 +24,10 @@ export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(th
     selector: string;
 } & {
     colors: {
-        textForeground: import("@stitches/react/types/theme").Token<"textForeground", string, "colors", "">;
+        textBold: import("@stitches/react/types/theme").Token<"textBold", string, "colors", "">;
+        textRegular: import("@stitches/react/types/theme").Token<"textRegular", string, "colors", "">;
         textSubtle: import("@stitches/react/types/theme").Token<"textSubtle", string, "colors", "">;
-        textPlaceholder: import("@stitches/react/types/theme").Token<"textPlaceholder", string, "colors", "">;
+        textMinimal: import("@stitches/react/types/theme").Token<"textMinimal", string, "colors", "">;
         background: import("@stitches/react/types/theme").Token<"background", string, "colors", "">;
         backgroundAccent: import("@stitches/react/types/theme").Token<"backgroundAccent", string, "colors", "">;
         grey100: import("@stitches/react/types/theme").Token<"grey100", string, "colors", "">;
@@ -173,11 +174,6 @@ export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(th
         alpha200: import("@stitches/react/types/theme").Token<"alpha200", string, "colors", "">;
         alpha250: import("@stitches/react/types/theme").Token<"alpha250", string, "colors", "">;
         alpha600: import("@stitches/react/types/theme").Token<"alpha600", string, "colors", "">;
-        primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", "">;
-        primary: import("@stitches/react/types/theme").Token<"primary", string, "colors", "">;
-        primaryMid: import("@stitches/react/types/theme").Token<"primaryMid", string, "colors", "">;
-        primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", "">;
-        secondary: import("@stitches/react/types/theme").Token<"secondary", string, "colors", "">;
         brandRed: import("@stitches/react/types/theme").Token<"brandRed", string, "colors", "">;
         brandRedAccent: import("@stitches/react/types/theme").Token<"brandRedAccent", string, "colors", "">;
         brandGreen: import("@stitches/react/types/theme").Token<"brandGreen", string, "colors", "">;
@@ -186,6 +182,10 @@ export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(th
         brandPurpleAccent: import("@stitches/react/types/theme").Token<"brandPurpleAccent", string, "colors", "">;
         brandYellow: import("@stitches/react/types/theme").Token<"brandYellow", string, "colors", "">;
         brandYellowAccent: import("@stitches/react/types/theme").Token<"brandYellowAccent", string, "colors", "">;
+        infoLight: import("@stitches/react/types/theme").Token<"infoLight", string, "colors", "">;
+        info: import("@stitches/react/types/theme").Token<"info", string, "colors", "">;
+        infoMid: import("@stitches/react/types/theme").Token<"infoMid", string, "colors", "">;
+        infoDark: import("@stitches/react/types/theme").Token<"infoDark", string, "colors", "">;
         successLight: import("@stitches/react/types/theme").Token<"successLight", string, "colors", "">;
         success: import("@stitches/react/types/theme").Token<"success", string, "colors", "">;
         successMid: import("@stitches/react/types/theme").Token<"successMid", string, "colors", "">;
@@ -209,6 +209,18 @@ export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(th
         glBlueLight: import("@stitches/react/types/theme").Token<"glBlueLight", string, "colors", "">;
         glBluePrimary: import("@stitches/react/types/theme").Token<"glBluePrimary", string, "colors", "">;
         glBlueDark: import("@stitches/react/types/theme").Token<"glBlueDark", string, "colors", "">;
+        primary100: import("@stitches/react/types/theme").Token<"primary100", string, "colors", "">;
+        primary200: import("@stitches/react/types/theme").Token<"primary200", string, "colors", "">;
+        primary300: import("@stitches/react/types/theme").Token<"primary300", string, "colors", "">;
+        primary400: import("@stitches/react/types/theme").Token<"primary400", string, "colors", "">;
+        primary500: import("@stitches/react/types/theme").Token<"primary500", string, "colors", "">;
+        primary600: import("@stitches/react/types/theme").Token<"primary600", string, "colors", "">;
+        primary700: import("@stitches/react/types/theme").Token<"primary700", string, "colors", "">;
+        primary800: import("@stitches/react/types/theme").Token<"primary800", string, "colors", "">;
+        primary900: import("@stitches/react/types/theme").Token<"primary900", string, "colors", "">;
+        primary1000: import("@stitches/react/types/theme").Token<"primary1000", string, "colors", "">;
+        primary1100: import("@stitches/react/types/theme").Token<"primary1100", string, "colors", "">;
+        primary1200: import("@stitches/react/types/theme").Token<"primary1200", string, "colors", "">;
     };
     space: {
         0: import("@stitches/react/types/theme").Token<"0", string, "space", "">;

package/dist/utilities/create-theme-variants/createThemeVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"createThemeVariants.js","sources":["../../../src/utilities/create-theme-variants/createThemeVariants.ts"],"sourcesContent":["import { Theme } from '@atom-learning/theme'\n\nimport { CSS, theme } from '../../stitches'\n\n/**\n * Generates a Stitches variants object based on keys in our theme.\n * You can use the string `$key` in your CSS object, which will be replaced\n * with the token from our theme.\n *\n *\n * @example\n * ```ts\n * createThemeVariants('space', { p: '$key' })\n *\n * // Result:\n * // {\n * //   0: { p: '$space$0' },\n * //   1: { p: '$space$1' },\n * //   2: { p: '$space$2' },\n * //   ...etc\n * // }\n * ```\n */\nexport const createThemeVariants = <ThemeProperty extends keyof Theme>(\n  themeProperty: ThemeProperty,\n  styles: CSS\n): Record<keyof typeof theme[ThemeProperty], CSS> =>\n  Object.keys(theme[themeProperty]).reduce(\n    (acc, key) => ({\n      ...acc,\n      [key]: JSON.parse(\n        JSON.stringify(styles).replace(/\\$key/g, `$${themeProperty}$${key}`)\n      )\n    }),\n    {}\n  ) as Record<keyof typeof theme[ThemeProperty], CSS>\n"],"names":["createThemeVariants","themeProperty","styles","theme","acc","key"],"mappings":"0CAuBa,MAAAA,EAAsB,CACjCC,EACAC,IAEA,OAAO,KAAKC,EAAMF,EAAc,EAAE,OAChC,CAACG,EAAKC,KAAS,CACb,GAAGD,EACH,CAACC,GAAM,KAAK,MACV,KAAK,UAAUH,CAAM,EAAE,QAAQ,SAAU,IAAID,KAAiBI,GAAK,CACrE,CACF,GACA,CACF,CAAA"}
+{"version":3,"file":"createThemeVariants.js","sources":["../../../src/utilities/create-theme-variants/createThemeVariants.ts"],"sourcesContent":["import { Theme } from '@atom-learning/theme/lib/theme-atom'\n\nimport { CSS, theme } from '../../stitches'\n\n/**\n * Generates a Stitches variants object based on keys in our theme.\n * You can use the string `$key` in your CSS object, which will be replaced\n * with the token from our theme.\n *\n *\n * @example\n * ```ts\n * createThemeVariants('space', { p: '$key' })\n *\n * // Result:\n * // {\n * //   0: { p: '$space$0' },\n * //   1: { p: '$space$1' },\n * //   2: { p: '$space$2' },\n * //   ...etc\n * // }\n * ```\n */\nexport const createThemeVariants = <ThemeProperty extends keyof Theme>(\n  themeProperty: ThemeProperty,\n  styles: CSS\n): Record<keyof typeof theme[ThemeProperty], CSS> =>\n  Object.keys(theme[themeProperty]).reduce(\n    (acc, key) => ({\n      ...acc,\n      [key]: JSON.parse(\n        JSON.stringify(styles).replace(/\\$key/g, `$${themeProperty}$${key}`)\n      )\n    }),\n    {}\n  ) as Record<keyof typeof theme[ThemeProperty], CSS>\n"],"names":["createThemeVariants","themeProperty","styles","theme","acc","key"],"mappings":"0CAuBa,MAAAA,EAAsB,CACjCC,EACAC,IAEA,OAAO,KAAKC,EAAMF,EAAc,EAAE,OAChC,CAACG,EAAKC,KAAS,CACb,GAAGD,EACH,CAACC,GAAM,KAAK,MACV,KAAK,UAAUH,CAAM,EAAE,QAAQ,SAAU,IAAID,KAAiBI,GAAK,CACrE,CACF,GACA,CACF,CAAA"}

package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts

@@ -21,9 +21,10 @@ export declare const NoOverflowWrapper: import("@stitches/react/types/styled-com
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -170,11 +171,6 @@ export declare const NoOverflowWrapper: import("@stitches/react/types/styled-com
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -183,6 +179,10 @@ export declare const NoOverflowWrapper: import("@stitches/react/types/styled-com
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -206,6 +206,18 @@ export declare const NoOverflowWrapper: import("@stitches/react/types/styled-com
         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;
@@ -339,9 +351,10 @@ export declare const NoOverflowWrapper: import("@stitches/react/types/styled-com
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -488,11 +501,6 @@ export declare const NoOverflowWrapper: import("@stitches/react/types/styled-com
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -501,6 +509,10 @@ export declare const NoOverflowWrapper: import("@stitches/react/types/styled-com
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -524,6 +536,18 @@ export declare const NoOverflowWrapper: import("@stitches/react/types/styled-com
         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/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "3.10.1",
+  "version": "3.11.0",
   "description": "",
   "files": [
     "dist"
@@ -60,7 +60,7 @@
   "devDependencies": {
     "@atom-learning/icons": "1.14.0",
     "@atom-learning/jest-stitches": "1.0.10",
-    "@atom-learning/theme": "2.0.0",
+    "@atom-learning/theme": "3.0.0-beta.1",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@radix-ui/react-id": "0.1.5",
@@ -121,12 +121,12 @@
   },
   "peerDependencies": {
     "@atom-learning/icons": "^1.0.0",
-    "@atom-learning/theme": "^2.0.0",
+    "@atom-learning/theme": "^3.0.0",
     "react": "^17",
     "react-dom": "^17"
   },
   "dependencies": {
-    "@atom-learning/theme": "2.0.0",
+    "@atom-learning/theme": "3.0.0-beta.1",
     "@dnd-kit/core": "^6.0.5",
     "@dnd-kit/modifiers": "^6.0.0",
     "@dnd-kit/sortable": "^7.0.1",