@trackunit/ui-design-tokens 0.0.105 → 0.0.107

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/index.cjs.js +5 -0
  2. package/index.esm.js +5 -0
  3. package/package.json +1 -1
  4. package/src/tokens/colors/color.d.ts +4 -4
  5. package/src/tokens/colors/colors.d.ts +5 -5
  6. package/src/tokens/colors/trackunitPalette.d.ts +9 -0
package/index.cjs.js CHANGED
@@ -447,6 +447,7 @@ const themedPalette = {
447
447
  hover: generalPalette.WHITE.DEFAULT,
448
448
  active: generalPalette.WHITE.DEFAULT,
449
449
  },
450
+ NOTIFICATION_COUNTER_BACKGROUND: { DEFAULT: tailwindPalette.red["600"] },
450
451
  };
451
452
  /**
452
453
  * The Utilization color palette
@@ -614,6 +615,10 @@ const themeColors = {
614
615
  name: "main_menu_nav_item_foreground",
615
616
  variants: trackunitPalette.MAIN_MENU_NAV_ITEM_FOREGROUND,
616
617
  },
618
+ NOTIFICATION_COUNTER_BACKGROUND: {
619
+ name: "notification_counter_background",
620
+ variants: trackunitPalette.NOTIFICATION_COUNTER_BACKGROUND,
621
+ },
617
622
  };
618
623
 
619
624
  const outputOptions = ["HEX", "CSS"];
package/index.esm.js CHANGED
@@ -443,6 +443,7 @@ const themedPalette = {
443
443
  hover: generalPalette.WHITE.DEFAULT,
444
444
  active: generalPalette.WHITE.DEFAULT,
445
445
  },
446
+ NOTIFICATION_COUNTER_BACKGROUND: { DEFAULT: tailwindPalette.red["600"] },
446
447
  };
447
448
  /**
448
449
  * The Utilization color palette
@@ -610,6 +611,10 @@ const themeColors = {
610
611
  name: "main_menu_nav_item_foreground",
611
612
  variants: trackunitPalette.MAIN_MENU_NAV_ITEM_FOREGROUND,
612
613
  },
614
+ NOTIFICATION_COUNTER_BACKGROUND: {
615
+ name: "notification_counter_background",
616
+ variants: trackunitPalette.NOTIFICATION_COUNTER_BACKGROUND,
617
+ },
613
618
  };
614
619
 
615
620
  const outputOptions = ["HEX", "CSS"];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/ui-design-tokens",
3
- "version": "0.0.105",
3
+ "version": "0.0.107",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
package/src/tokens/colors/color.d.ts CHANGED
@@ -28,8 +28,8 @@ type OutputOptions = (typeof outputOptions)[number];
28
28
  * color("PRIMARY", 200) --> "rgb(var(--color-primary-200) / var(--tw-bg-opacity)))"
29
29
  *"
30
30
  */
31
- declare function color<ColorName extends ThemeColorKeys>(ColorKey: ColorName): string;
32
- declare function color<ColorName extends ThemeColorKeys>(ColorKey: ColorName, variant?: ColorVariants<ColorName>): string;
33
- declare function color<ColorName extends ThemeColorKeys>(ColorKey: ColorName, output?: OutputOptions): string;
34
- declare function color<ColorName extends ThemeColorKeys>(ColorKey: ColorName, variant?: ColorVariants<ColorName>, output?: OutputOptions): string;
31
+ declare function color<TColorName extends ThemeColorKeys>(ColorKey: TColorName): string;
32
+ declare function color<TColorName extends ThemeColorKeys>(ColorKey: TColorName, variant?: ColorVariants<TColorName>): string;
33
+ declare function color<TColorName extends ThemeColorKeys>(ColorKey: TColorName, output?: OutputOptions): string;
34
+ declare function color<TColorName extends ThemeColorKeys>(ColorKey: TColorName, variant?: ColorVariants<TColorName>, output?: OutputOptions): string;
35
35
  export { color };
package/src/tokens/colors/colors.d.ts CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  import { ThemeColorKeys, trackunitPalette } from "./trackunitPalette";
5
5
  /** Type used for available variants for a given ColorName */
6
- export type ColorVariants<ColorName extends ThemeColorKeys> = keyof (typeof themeColors)[ColorName]["variants"];
7
- export interface ThemeColorObject<T extends ThemeColorKeys> {
8
- name: Lowercase<T>;
6
+ export type ColorVariants<TColorName extends ThemeColorKeys> = keyof (typeof themeColors)[TColorName]["variants"];
7
+ export interface ThemeColorObject<TThemeColorKeys extends ThemeColorKeys> {
8
+ name: Lowercase<TThemeColorKeys>;
9
9
  variants: {
10
- [key in keyof (typeof trackunitPalette)[T]]: string;
10
+ [key in keyof (typeof trackunitPalette)[TThemeColorKeys]]: string;
11
11
  };
12
- defaultVariant?: keyof (typeof trackunitPalette)[T];
12
+ defaultVariant?: keyof (typeof trackunitPalette)[TThemeColorKeys];
13
13
  }
14
14
  export type ThemeColorsObject = {
15
15
  [key in ThemeColorKeys]: ThemeColorObject<key>;
package/src/tokens/colors/trackunitPalette.d.ts CHANGED
@@ -256,6 +256,9 @@ export declare const themedPalette: {
256
256
  readonly hover: "255 255 255";
257
257
  readonly active: "255 255 255";
258
258
  };
259
+ readonly NOTIFICATION_COUNTER_BACKGROUND: {
260
+ readonly DEFAULT: "220 38 38";
261
+ };
259
262
  };
260
263
  /**
261
264
  * The Themed color palette
@@ -894,6 +897,9 @@ export declare const groupedPalettes: {
894
897
  readonly hover: "255 255 255";
895
898
  readonly active: "255 255 255";
896
899
  };
900
+ readonly NOTIFICATION_COUNTER_BACKGROUND: {
901
+ readonly DEFAULT: "220 38 38";
902
+ };
897
903
  };
898
904
  };
899
905
  /**
@@ -913,6 +919,9 @@ export declare const trackunitPalette: {
913
919
  readonly hover: "255 255 255";
914
920
  readonly active: "255 255 255";
915
921
  };
922
+ readonly NOTIFICATION_COUNTER_BACKGROUND: {
923
+ readonly DEFAULT: "220 38 38";
924
+ };
916
925
  readonly SITE: {
917
926
  readonly AREA: "37 99 235";
918
927
  readonly CLASSIC_POI: "115 115 115";