@vibe/core 3.72.0-alpha-5e660.0 → 3.73.0-alpha-8cc35.0

package/dist/src/types/Colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.js","sources":["../../../src/types/Colors.ts"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\n\nconst MapStateSelectedColor = {\n  positive: \"--positive-color-selected\",\n  negative: \"--negative-color-selected\",\n  primary: \"--primary-selected-color\",\n  warning: \"--warning-color-selected\"\n};\n\nconst MapStateSelectedHoverColor = {\n  positive: \"--positive-color-selected-hover\",\n  negative: \"--negative-color-selected-hover\",\n  primary: \"--primary-selected-hover-color\",\n  warning: \"--warning-color-selected-hover\"\n};\n\ntype ContentColor = (typeof contentColors)[number];\ntype StateSelectedColorKeys = keyof typeof MapStateSelectedColor;\ntype StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;\n\nexport type ElementAllowedColor = ContentColor | \"positive\" | \"negative\" | \"primary\" | \"warning\";\n\nexport function getElementColor(\n  colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys,\n  isSelectedPalette = false,\n  isSelectedHoverPalette = false\n): string {\n  if (contentColors.includes(colorValue as ContentColor)) {\n    return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n  }\n  if (\n    Object.keys(MapStateSelectedHoverColor).includes(colorValue as StateSelectedHoverColorKeys) &&\n    isSelectedHoverPalette\n  ) {\n    return `var(${MapStateSelectedHoverColor[colorValue as StateSelectedHoverColorKeys]})`;\n  }\n  if (Object.keys(MapStateSelectedColor).includes(colorValue as StateSelectedColorKeys) && isSelectedPalette) {\n    return `var(${MapStateSelectedColor[colorValue as StateSelectedColorKeys]})`;\n  }\n  return colorValue;\n}\n\nexport type ColorStyle = \"regular\" | \"hover\" | \"selected\";\n"],"names":["MapStateSelectedColor","positive","negative","primary","warning","MapStateSelectedHoverColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,4BACVC,SAAU,4BACVC,QAAS,2BACTC,QAAS,4BAGLC,EAA6B,CACjCJ,SAAU,kCACVC,SAAU,kCACVC,QAAS,iCACTC,QAAS,kCASL,SAAUE,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,GACzBQ,eAAAA,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKZ,GAA4BS,SAASP,IACjDK,EAEA,OAAAG,OAAcV,EAA2BE,GAA0C,KAEjFS,OAAOC,KAAKjB,GAAuBc,SAASP,IAAyCC,EACvF,OAAAO,OAAcf,EAAsBO,GAAqC,KAEpEA,CACT"}
+{"version":3,"file":"Colors.js","sources":["../../../src/types/Colors.ts"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\n\nconst MapStateSelectedColor = {\n  positive: \"--positive-color-selected\",\n  negative: \"--negative-color-selected\",\n  primary: \"--primary-selected-color\",\n  warning: \"--warning-color-selected\",\n  neutral: \"--ui-background-color\"\n};\n\nconst MapStateSelectedHoverColor = {\n  positive: \"--positive-color-selected-hover\",\n  negative: \"--negative-color-selected-hover\",\n  primary: \"--primary-selected-hover-color\",\n  warning: \"--warning-color-selected-hover\",\n  neutral: \"--ui-background-hover-color\"\n};\n\ntype ContentColor = (typeof contentColors)[number];\ntype StateSelectedColorKeys = keyof typeof MapStateSelectedColor;\ntype StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;\n\nexport type ElementAllowedColor = ContentColor | \"positive\" | \"negative\" | \"primary\" | \"warning\" | \"neutral\";\n\nexport function getElementColor(\n  colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys,\n  isSelectedPalette = false,\n  isSelectedHoverPalette = false\n): string {\n  if (contentColors.includes(colorValue as ContentColor)) {\n    return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n  }\n  if (\n    Object.keys(MapStateSelectedHoverColor).includes(colorValue as StateSelectedHoverColorKeys) &&\n    isSelectedHoverPalette\n  ) {\n    return `var(${MapStateSelectedHoverColor[colorValue as StateSelectedHoverColorKeys]})`;\n  }\n  if (Object.keys(MapStateSelectedColor).includes(colorValue as StateSelectedColorKeys) && isSelectedPalette) {\n    return `var(${MapStateSelectedColor[colorValue as StateSelectedColorKeys]})`;\n  }\n  return colorValue;\n}\n\nexport type ColorStyle = \"regular\" | \"hover\" | \"selected\";\n"],"names":["MapStateSelectedColor","positive","negative","primary","warning","neutral","MapStateSelectedHoverColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,4BACVC,SAAU,4BACVC,QAAS,2BACTC,QAAS,2BACTC,QAAS,yBAGLC,EAA6B,CACjCL,SAAU,kCACVC,SAAU,kCACVC,QAAS,iCACTC,QAAS,iCACTC,QAAS,+BASL,SAAUE,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,GACzBQ,eAAAA,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKZ,GAA4BS,SAASP,IACjDK,EAEA,OAAAG,OAAcV,EAA2BE,GAA0C,KAEjFS,OAAOC,KAAKlB,GAAuBe,SAASP,IAAyCC,EACvF,OAAAO,OAAchB,EAAsBQ,GAAqC,KAEpEA,CACT"}

package/dist/src/utils/colors-vars-map.js

@@ -1,2 +1,2 @@
-var o=[{color:"--primary-color",description:"Use to emphasise main ui components"},{color:"--primary-on-secondary-color",description:"Use to emphasise main ui components on secondary background color"},{color:"--primary-hover-color",description:"Use only as a hover on primary color"},{color:"--primary-hover-on-secondary-color",description:"Use only as a hover on primary color on secondary background color"},{color:"--primary-selected-color",description:"Use to indicate selected state of primary items"},{color:"--primary-selected-hover-color",description:"Use to indicate hover state on a primary-selected-color items"},{color:"--primary-highlighted-color",description:"Use this to indicate highlighted components of primary items"},{color:"--primary-surface-color",description:"Use this as the surface of the main layout appearance"},{color:"--primary-selected-on-secondary-color",description:"Use to indicate selected state of primary items on secondary background color"},{color:"--primary-text-color",description:"Use for default text color"},{color:"--primary-text-on-secondary-color",description:"Use for default text color on secondary background color"},{color:"--secondary-text-color",description:"Use when you need text with lesser importance"},{color:"--secondary-text-on-secondary-color",description:"Use when you need text with lesser importance (on secondary background color)"},{color:"--primary-background-hover-color",description:"Use as hover color"},{color:"--primary-background-hover-on-secondary-color",description:"Use as hover color on secondary color"},{color:"--inverted-color-background",description:"Inverted background color (opposite of primary background color)"},{color:"--text-color-on-inverted",description:"Inverted text color (opposite of primary text color)"},{color:"--text-color-on-primary",description:"Use for text on primary color"},{color:"--fixed-light-color",description:"Use as color that should remain light in all themes"},{color:"--fixed-dark-color",description:"Use as color that should remain dark in all themes"},{color:"--positive-color",description:"Use to indicate a positive action/state (success, completion, approval...)"},{color:"--positive-color-hover",description:"Use only as hover color on positive color"},{color:"--positive-color-selected",description:"Use only as selected indication for a positive colors"},{color:"--positive-color-selected-hover",description:"Use to indicate hover state on a positive-color-selected items"},{color:"--negative-color",description:"Use to indicate a negative action/state (delete, error...)"},{color:"--negative-color-hover",description:"Use only as hover color on negative color"},{color:"--negative-color-selected",description:"Use as selected indication for negative colors"},{color:"--negative-color-selected-hover",description:"Use to indicate hover state on a negative-selected items"},{color:"--warning-color",description:"Use to indicate a warning action/state (severity, alert, caution...)"},{color:"--warning-color-hover",description:"Use only as hover color on warning color"},{color:"--warning-color-selected",description:"Use as selected indication for warning colors"},{color:"--warning-color-selected-hover",description:"Use to indicate hover state on a warning-selected items"},{color:"--ui-border-color",description:"Border color for ui elements and components (Button, Input...)"},{color:"--ui-border-on-secondary-color",description:"Border color for ui elements on secondary color"},{color:"--layout-border-color",description:"Border color for general layout and separators (Leftpane, Menu Divider...)"},{color:"--layout-border-on-secondary-color",description:"Border color for general layout on secondary background color"},{color:"--placeholder-color",description:"Use for placeholder text in inputs fields"},{color:"--placeholder-on-secondary-color",description:"Use for placeholder text in inputs fields on secondary background color"},{color:"--icon-color",description:"Default color for icons"},{color:"--icon-on-secondary-color",description:"Default color for icons on secondary background color"},{color:"--disabled-background-color",description:"Use as background for disabled elements (ui hovers or elements)"},{color:"--disabled-text-color",description:"Use as text in disabled components"},{color:"--disabled-background-on-secondary-color",description:"Use as background for disabled elements on secondary background"},{color:"--disabled-text-on-secondary-color",description:"Use as text in disabled components on secondary background color"},{color:"--link-color",description:"Use only for links"},{color:"--link-on-secondary-color",description:"Use only for links on secondary colors"},{color:"--primary-background-color",description:"Primary background color"},{color:"--secondary-background-color",description:"Secondary background color"},{color:"--grey-background-color",description:"Grey background color"},{color:"--allgrey-background-color",description:"Grey background color, stays grey in dark and black themes"},{color:"--ui-background-color",description:"Background color for UI elements and components"}];o.reduce((function(o,r){var e=r.color.substring(2);return o.set(e,r.description),o}),new Map);var r,e,c,i,n=["grass_green","done-green","bright-green","saladish","egg_yolk","working_orange","dark-orange","peach","sunset","stuck-red","dark-red","sofia_pink","lipstick","bubble","purple","dark_purple","berry","dark_indigo","indigo","navy","bright-blue","dark-blue","aquamarine","chili-blue","river","winter","explosive","american_gray","blackish","brown","orchid","tan","sky","coffee","royal","teal","lavender","steel","lilac","pecan"];!function(o){o.REGULAR="regular",o.HOVER="hover",o.SELECTED="selected"}(r||(r={})),function(o){o.GRASS_GREEN="grass_green",o.DONE_GREEN="done-green",o.BRIGHT_GREEN="bright-green",o.SALADISH="saladish",o.EGG_YOLK="egg_yolk",o.WORKING_ORANGE="working_orange",o.DARK_ORANGE="dark-orange",o.PEACH="peach",o.SUNSET="sunset",o.STUCK_RED="stuck-red",o.DARK_RED="dark-red",o.SOFIA_PINK="sofia_pink",o.LIPSTICK="lipstick",o.BUBBLE="bubble",o.PURPLE="purple",o.DARK_PURPLE="dark_purple",o.BERRY="berry",o.DARK_INDIGO="dark_indigo",o.INDIGO="indigo",o.NAVY="navy",o.BRIGHT_BLUE="bright-blue",o.DARK_BLUE="dark-blue",o.AQUAMARINE="aquamarine",o.CHILI_BLUE="chili-blue",o.RIVER="river",o.WINTER="winter",o.EXPLOSIVE="explosive",o.AMERICAN_GRAY="american_gray",o.BLACKISH="blackish",o.BROWN="brown",o.ORCHID="orchid",o.TAN="tan",o.SKY="sky",o.COFFEE="coffee",o.ROYAL="royal",o.TEAL="teal",o.LAVENDER="lavender",o.STEEL="steel",o.LILAC="lilac",o.PECAN="pecan"}(e||(e={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.WARNING="warning"}(c||(c={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary"}(i||(i={}));var s=Object.assign(Object.assign(Object.assign({},e),c),i);Object.values(s).reduce((function(o,r){return o[r]=r,o}),{});export{r as ColorStyle,e as ContentColorByName,s as ElementAllowedColor,c as StateSelectedColor,i as StateSelectedHoverColor,o as colorsMap,n as contentColors};
+var o=[{color:"--primary-color",description:"Use to emphasise main ui components"},{color:"--primary-on-secondary-color",description:"Use to emphasise main ui components on secondary background color"},{color:"--primary-hover-color",description:"Use only as a hover on primary color"},{color:"--primary-hover-on-secondary-color",description:"Use only as a hover on primary color on secondary background color"},{color:"--primary-selected-color",description:"Use to indicate selected state of primary items"},{color:"--primary-selected-hover-color",description:"Use to indicate hover state on a primary-selected-color items"},{color:"--primary-highlighted-color",description:"Use this to indicate highlighted components of primary items"},{color:"--primary-surface-color",description:"Use this as the surface of the main layout appearance"},{color:"--primary-selected-on-secondary-color",description:"Use to indicate selected state of primary items on secondary background color"},{color:"--primary-text-color",description:"Use for default text color"},{color:"--primary-text-on-secondary-color",description:"Use for default text color on secondary background color"},{color:"--secondary-text-color",description:"Use when you need text with lesser importance"},{color:"--secondary-text-on-secondary-color",description:"Use when you need text with lesser importance (on secondary background color)"},{color:"--primary-background-hover-color",description:"Use as hover color"},{color:"--primary-background-hover-on-secondary-color",description:"Use as hover color on secondary color"},{color:"--inverted-color-background",description:"Inverted background color (opposite of primary background color)"},{color:"--text-color-on-inverted",description:"Inverted text color (opposite of primary text color)"},{color:"--text-color-on-primary",description:"Use for text on primary color"},{color:"--fixed-light-color",description:"Use as color that should remain light in all themes"},{color:"--fixed-dark-color",description:"Use as color that should remain dark in all themes"},{color:"--positive-color",description:"Use to indicate a positive action/state (success, completion, approval...)"},{color:"--positive-color-hover",description:"Use only as hover color on positive color"},{color:"--positive-color-selected",description:"Use only as selected indication for a positive colors"},{color:"--positive-color-selected-hover",description:"Use to indicate hover state on a positive-color-selected items"},{color:"--negative-color",description:"Use to indicate a negative action/state (delete, error...)"},{color:"--negative-color-hover",description:"Use only as hover color on negative color"},{color:"--negative-color-selected",description:"Use as selected indication for negative colors"},{color:"--negative-color-selected-hover",description:"Use to indicate hover state on a negative-selected items"},{color:"--warning-color",description:"Use to indicate a warning action/state (severity, alert, caution...)"},{color:"--warning-color-hover",description:"Use only as hover color on warning color"},{color:"--warning-color-selected",description:"Use as selected indication for warning colors"},{color:"--warning-color-selected-hover",description:"Use to indicate hover state on a warning-selected items"},{color:"--ui-border-color",description:"Border color for ui elements and components (Button, Input...)"},{color:"--ui-border-on-secondary-color",description:"Border color for ui elements on secondary color"},{color:"--layout-border-color",description:"Border color for general layout and separators (Leftpane, Menu Divider...)"},{color:"--layout-border-on-secondary-color",description:"Border color for general layout on secondary background color"},{color:"--placeholder-color",description:"Use for placeholder text in inputs fields"},{color:"--placeholder-on-secondary-color",description:"Use for placeholder text in inputs fields on secondary background color"},{color:"--icon-color",description:"Default color for icons"},{color:"--icon-on-secondary-color",description:"Default color for icons on secondary background color"},{color:"--disabled-background-color",description:"Use as background for disabled elements (ui hovers or elements)"},{color:"--disabled-text-color",description:"Use as text in disabled components"},{color:"--disabled-background-on-secondary-color",description:"Use as background for disabled elements on secondary background"},{color:"--disabled-text-on-secondary-color",description:"Use as text in disabled components on secondary background color"},{color:"--link-color",description:"Use only for links"},{color:"--link-on-secondary-color",description:"Use only for links on secondary colors"},{color:"--primary-background-color",description:"Primary background color"},{color:"--secondary-background-color",description:"Secondary background color"},{color:"--grey-background-color",description:"Grey background color"},{color:"--allgrey-background-color",description:"Grey background color, stays grey in dark and black themes"},{color:"--ui-background-color",description:"Background color for UI elements and components"}];o.reduce((function(o,r){var e=r.color.substring(2);return o.set(e,r.description),o}),new Map);var r,e,c,i,n=["grass_green","done-green","bright-green","saladish","egg_yolk","working_orange","dark-orange","peach","sunset","stuck-red","dark-red","sofia_pink","lipstick","bubble","purple","dark_purple","berry","dark_indigo","indigo","navy","bright-blue","dark-blue","aquamarine","chili-blue","river","winter","explosive","american_gray","blackish","brown","orchid","tan","sky","coffee","royal","teal","lavender","steel","lilac","pecan"];!function(o){o.REGULAR="regular",o.HOVER="hover",o.SELECTED="selected"}(r||(r={})),function(o){o.GRASS_GREEN="grass_green",o.DONE_GREEN="done-green",o.BRIGHT_GREEN="bright-green",o.SALADISH="saladish",o.EGG_YOLK="egg_yolk",o.WORKING_ORANGE="working_orange",o.DARK_ORANGE="dark-orange",o.PEACH="peach",o.SUNSET="sunset",o.STUCK_RED="stuck-red",o.DARK_RED="dark-red",o.SOFIA_PINK="sofia_pink",o.LIPSTICK="lipstick",o.BUBBLE="bubble",o.PURPLE="purple",o.DARK_PURPLE="dark_purple",o.BERRY="berry",o.DARK_INDIGO="dark_indigo",o.INDIGO="indigo",o.NAVY="navy",o.BRIGHT_BLUE="bright-blue",o.DARK_BLUE="dark-blue",o.AQUAMARINE="aquamarine",o.CHILI_BLUE="chili-blue",o.RIVER="river",o.WINTER="winter",o.EXPLOSIVE="explosive",o.AMERICAN_GRAY="american_gray",o.BLACKISH="blackish",o.BROWN="brown",o.ORCHID="orchid",o.TAN="tan",o.SKY="sky",o.COFFEE="coffee",o.ROYAL="royal",o.TEAL="teal",o.LAVENDER="lavender",o.STEEL="steel",o.LILAC="lilac",o.PECAN="pecan"}(e||(e={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.WARNING="warning",o.NEUTRAL="neutral"}(c||(c={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.NEUTRAL="neutral"}(i||(i={}));var a=Object.assign(Object.assign(Object.assign({},e),c),i);Object.values(a).reduce((function(o,r){return o[r]=r,o}),{});export{r as ColorStyle,e as ContentColorByName,a as ElementAllowedColor,c as StateSelectedColor,i as StateSelectedHoverColor,o as colorsMap,n as contentColors};
 //# sourceMappingURL=colors-vars-map.js.map

package/dist/src/utils/colors-vars-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors-vars-map.js","sources":["../../../src/utils/colors-vars-map.ts"],"sourcesContent":["export const colorsMap = [\n  { color: \"--primary-color\", description: \"Use to emphasise main ui components\" },\n  {\n    color: \"--primary-on-secondary-color\",\n    description: \"Use to emphasise main ui components on secondary background color\"\n  },\n  { color: \"--primary-hover-color\", description: \"Use only as a hover on primary color\" },\n  {\n    color: \"--primary-hover-on-secondary-color\",\n    description: \"Use only as a hover on primary color on secondary background color\"\n  },\n  { color: \"--primary-selected-color\", description: \"Use to indicate selected state of primary items\" },\n  {\n    color: \"--primary-selected-hover-color\",\n    description: \"Use to indicate hover state on a primary-selected-color items\"\n  },\n  {\n    color: \"--primary-highlighted-color\",\n    description: \"Use this to indicate highlighted components of primary items\"\n  },\n  {\n    color: \"--primary-surface-color\",\n    description: \"Use this as the surface of the main layout appearance\"\n  },\n  {\n    color: \"--primary-selected-on-secondary-color\",\n    description: \"Use to indicate selected state of primary items on secondary background color\"\n  },\n  { color: \"--primary-text-color\", description: \"Use for default text color\" },\n  {\n    color: \"--primary-text-on-secondary-color\",\n    description: \"Use for default text color on secondary background color\"\n  },\n  { color: \"--secondary-text-color\", description: \"Use when you need text with lesser importance\" },\n  {\n    color: \"--secondary-text-on-secondary-color\",\n    description: \"Use when you need text with lesser importance (on secondary background color)\"\n  },\n  { color: \"--primary-background-hover-color\", description: \"Use as hover color\" },\n  { color: \"--primary-background-hover-on-secondary-color\", description: \"Use as hover color on secondary color\" },\n  {\n    color: \"--inverted-color-background\",\n    description: \"Inverted background color (opposite of primary background color)\"\n  },\n  { color: \"--text-color-on-inverted\", description: \"Inverted text color (opposite of primary text color)\" },\n  { color: \"--text-color-on-primary\", description: \"Use for text on primary color\" },\n  { color: \"--fixed-light-color\", description: \"Use as color that should remain light in all themes\" },\n  { color: \"--fixed-dark-color\", description: \"Use as color that should remain dark in all themes\" },\n  // states\n  {\n    color: \"--positive-color\",\n    description: \"Use to indicate a positive action/state (success, completion, approval...)\"\n  },\n  { color: \"--positive-color-hover\", description: \"Use only as hover color on positive color\" },\n  { color: \"--positive-color-selected\", description: \"Use only as selected indication for a positive colors\" },\n  {\n    color: \"--positive-color-selected-hover\",\n    description: \"Use to indicate hover state on a positive-color-selected items\"\n  },\n  {\n    color: \"--negative-color\",\n    description: \"Use to indicate a negative action/state (delete, error...)\"\n  },\n  { color: \"--negative-color-hover\", description: \"Use only as hover color on negative color\" },\n  { color: \"--negative-color-selected\", description: \"Use as selected indication for negative colors\" },\n  {\n    color: \"--negative-color-selected-hover\",\n    description: \"Use to indicate hover state on a negative-selected items\"\n  },\n  {\n    color: \"--warning-color\",\n    description: \"Use to indicate a warning action/state (severity, alert, caution...)\"\n  },\n  { color: \"--warning-color-hover\", description: \"Use only as hover color on warning color\" },\n  { color: \"--warning-color-selected\", description: \"Use as selected indication for warning colors\" },\n  {\n    color: \"--warning-color-selected-hover\",\n    description: \"Use to indicate hover state on a warning-selected items\"\n  },\n  // borders\n  { color: \"--ui-border-color\", description: \"Border color for ui elements and components (Button, Input...)\" },\n  { color: \"--ui-border-on-secondary-color\", description: \"Border color for ui elements on secondary color\" },\n  {\n    color: \"--layout-border-color\",\n    description: \"Border color for general layout and separators (Leftpane, Menu Divider...)\"\n  },\n  {\n    color: \"--layout-border-on-secondary-color\",\n    description: \"Border color for general layout on secondary background color\"\n  },\n  { color: \"--placeholder-color\", description: \"Use for placeholder text in inputs fields\" },\n  {\n    color: \"--placeholder-on-secondary-color\",\n    description: \"Use for placeholder text in inputs fields on secondary background color\"\n  },\n  { color: \"--icon-color\", description: \"Default color for icons\" },\n  { color: \"--icon-on-secondary-color\", description: \"Default color for icons on secondary background color\" },\n  // disabled\n  {\n    color: \"--disabled-background-color\",\n    description: \"Use as background for disabled elements (ui hovers or elements)\"\n  },\n  { color: \"--disabled-text-color\", description: \"Use as text in disabled components\" },\n  {\n    color: \"--disabled-background-on-secondary-color\",\n    description: \"Use as background for disabled elements on secondary background\"\n  },\n  {\n    color: \"--disabled-text-on-secondary-color\",\n    description: \"Use as text in disabled components on secondary background color\"\n  },\n  // Link\n  { color: \"--link-color\", description: \"Use only for links\" },\n  { color: \"--link-on-secondary-color\", description: \"Use only for links on secondary colors\" },\n  // Backgrounds\n  { color: \"--primary-background-color\", description: \"Primary background color\" },\n  { color: \"--secondary-background-color\", description: \"Secondary background color\" },\n  { color: \"--grey-background-color\", description: \"Grey background color\" },\n  { color: \"--allgrey-background-color\", description: \"Grey background color, stays grey in dark and black themes\" },\n  { color: \"--ui-background-color\", description: \"Background color for UI elements and components\" }\n];\n\nexport const colorsHashMap = colorsMap.reduce((map, current) => {\n  const newColorName = current.color.substring(2);\n  map.set(newColorName, current.description);\n  return map;\n}, new Map());\n\nexport const contentColors = [\n  \"grass_green\",\n  \"done-green\",\n  \"bright-green\",\n  \"saladish\",\n  \"egg_yolk\",\n  \"working_orange\",\n  \"dark-orange\",\n  \"peach\",\n  \"sunset\",\n  \"stuck-red\",\n  \"dark-red\",\n  \"sofia_pink\",\n  \"lipstick\",\n  \"bubble\",\n  \"purple\",\n  \"dark_purple\",\n  \"berry\",\n  \"dark_indigo\",\n  \"indigo\",\n  \"navy\",\n  \"bright-blue\",\n  \"dark-blue\",\n  \"aquamarine\",\n  \"chili-blue\",\n  \"river\",\n  \"winter\",\n  \"explosive\",\n  \"american_gray\",\n  \"blackish\",\n  \"brown\",\n  \"orchid\",\n  \"tan\",\n  \"sky\",\n  \"coffee\",\n  \"royal\",\n  \"teal\",\n  \"lavender\",\n  \"steel\",\n  \"lilac\",\n  \"pecan\"\n] as const;\n\nexport type CONTENT_COLORS_VALUES = (typeof contentColors)[number];\n\n/**\n * @deprecated\n */\nexport enum ColorStyle {\n  REGULAR = \"regular\",\n  HOVER = \"hover\",\n  SELECTED = \"selected\"\n}\n\nexport enum ContentColorByName {\n  GRASS_GREEN = \"grass_green\",\n  DONE_GREEN = \"done-green\",\n  BRIGHT_GREEN = \"bright-green\",\n  SALADISH = \"saladish\",\n  EGG_YOLK = \"egg_yolk\",\n  WORKING_ORANGE = \"working_orange\",\n  DARK_ORANGE = \"dark-orange\",\n  PEACH = \"peach\",\n  SUNSET = \"sunset\",\n  STUCK_RED = \"stuck-red\",\n  DARK_RED = \"dark-red\",\n  SOFIA_PINK = \"sofia_pink\",\n  LIPSTICK = \"lipstick\",\n  BUBBLE = \"bubble\",\n  PURPLE = \"purple\",\n  DARK_PURPLE = \"dark_purple\",\n  BERRY = \"berry\",\n  DARK_INDIGO = \"dark_indigo\",\n  INDIGO = \"indigo\",\n  NAVY = \"navy\",\n  BRIGHT_BLUE = \"bright-blue\",\n  DARK_BLUE = \"dark-blue\",\n  AQUAMARINE = \"aquamarine\",\n  CHILI_BLUE = \"chili-blue\",\n  RIVER = \"river\",\n  WINTER = \"winter\",\n  EXPLOSIVE = \"explosive\",\n  AMERICAN_GRAY = \"american_gray\",\n  BLACKISH = \"blackish\",\n  BROWN = \"brown\",\n  ORCHID = \"orchid\",\n  TAN = \"tan\",\n  SKY = \"sky\",\n  COFFEE = \"coffee\",\n  ROYAL = \"royal\",\n  TEAL = \"teal\",\n  LAVENDER = \"lavender\",\n  STEEL = \"steel\",\n  LILAC = \"lilac\",\n  PECAN = \"pecan\"\n}\n\n/**\n * @deprecated\n */\nexport enum StateSelectedColor {\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  PRIMARY = \"primary\",\n  WARNING = \"warning\"\n}\n\n/**\n * @deprecated\n */\nexport enum StateSelectedHoverColor {\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  PRIMARY = \"primary\"\n}\n\n/**\n * @deprecated\n */\nexport const ElementAllowedColor = {\n  ...ContentColorByName,\n  ...StateSelectedColor,\n  ...StateSelectedHoverColor\n};\n\n/**\n * @deprecated\n */\nexport type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string;\n\nexport const elementColorsNames = Object.values(ElementAllowedColor).reduce((acc: Record<string, string>, key) => {\n  acc[key] = key;\n  return acc;\n}, {});\n\nconst getColorKeyByValue = (colorValue: string, colors: Record<string, string>) => {\n  return Object.keys(colors)[Object.values(colors).indexOf(colorValue)];\n};\n\nexport function getElementColor(\n  colorValue: keyof typeof ElementAllowedColor | string,\n  isSelectedPalette = false,\n  isSelectedHoverPalette = false\n): string {\n  const colorKey = getColorKeyByValue(colorValue, ElementAllowedColor);\n  if (!colorKey) {\n    return colorValue;\n  }\n\n  if (ContentColorByName[colorKey as keyof typeof ContentColorByName]) {\n    return `var(--color-${ContentColorByName[colorKey as keyof typeof ContentColorByName]}${\n      isSelectedPalette ? \"-selected\" : \"\"\n    })`;\n  }\n  if (StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor] && isSelectedHoverPalette) {\n    return `var(${StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor]})`;\n  }\n  if (StateSelectedColor[colorKey as keyof typeof StateSelectedColor] && isSelectedPalette) {\n    return `var(${StateSelectedColor[colorKey as keyof typeof StateSelectedColor]})`;\n  }\n}\n"],"names":["colorsMap","color","description","reduce","map","current","newColorName","substring","set","Map","ColorStyle","ContentColorByName","StateSelectedColor","StateSelectedHoverColor","contentColors","ElementAllowedColor","Object","assign","values","acc","key"],"mappings":"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"}
+{"version":3,"file":"colors-vars-map.js","sources":["../../../src/utils/colors-vars-map.ts"],"sourcesContent":["export const colorsMap = [\n  { color: \"--primary-color\", description: \"Use to emphasise main ui components\" },\n  {\n    color: \"--primary-on-secondary-color\",\n    description: \"Use to emphasise main ui components on secondary background color\"\n  },\n  { color: \"--primary-hover-color\", description: \"Use only as a hover on primary color\" },\n  {\n    color: \"--primary-hover-on-secondary-color\",\n    description: \"Use only as a hover on primary color on secondary background color\"\n  },\n  { color: \"--primary-selected-color\", description: \"Use to indicate selected state of primary items\" },\n  {\n    color: \"--primary-selected-hover-color\",\n    description: \"Use to indicate hover state on a primary-selected-color items\"\n  },\n  {\n    color: \"--primary-highlighted-color\",\n    description: \"Use this to indicate highlighted components of primary items\"\n  },\n  {\n    color: \"--primary-surface-color\",\n    description: \"Use this as the surface of the main layout appearance\"\n  },\n  {\n    color: \"--primary-selected-on-secondary-color\",\n    description: \"Use to indicate selected state of primary items on secondary background color\"\n  },\n  { color: \"--primary-text-color\", description: \"Use for default text color\" },\n  {\n    color: \"--primary-text-on-secondary-color\",\n    description: \"Use for default text color on secondary background color\"\n  },\n  { color: \"--secondary-text-color\", description: \"Use when you need text with lesser importance\" },\n  {\n    color: \"--secondary-text-on-secondary-color\",\n    description: \"Use when you need text with lesser importance (on secondary background color)\"\n  },\n  { color: \"--primary-background-hover-color\", description: \"Use as hover color\" },\n  { color: \"--primary-background-hover-on-secondary-color\", description: \"Use as hover color on secondary color\" },\n  {\n    color: \"--inverted-color-background\",\n    description: \"Inverted background color (opposite of primary background color)\"\n  },\n  { color: \"--text-color-on-inverted\", description: \"Inverted text color (opposite of primary text color)\" },\n  { color: \"--text-color-on-primary\", description: \"Use for text on primary color\" },\n  { color: \"--fixed-light-color\", description: \"Use as color that should remain light in all themes\" },\n  { color: \"--fixed-dark-color\", description: \"Use as color that should remain dark in all themes\" },\n  // states\n  {\n    color: \"--positive-color\",\n    description: \"Use to indicate a positive action/state (success, completion, approval...)\"\n  },\n  { color: \"--positive-color-hover\", description: \"Use only as hover color on positive color\" },\n  { color: \"--positive-color-selected\", description: \"Use only as selected indication for a positive colors\" },\n  {\n    color: \"--positive-color-selected-hover\",\n    description: \"Use to indicate hover state on a positive-color-selected items\"\n  },\n  {\n    color: \"--negative-color\",\n    description: \"Use to indicate a negative action/state (delete, error...)\"\n  },\n  { color: \"--negative-color-hover\", description: \"Use only as hover color on negative color\" },\n  { color: \"--negative-color-selected\", description: \"Use as selected indication for negative colors\" },\n  {\n    color: \"--negative-color-selected-hover\",\n    description: \"Use to indicate hover state on a negative-selected items\"\n  },\n  {\n    color: \"--warning-color\",\n    description: \"Use to indicate a warning action/state (severity, alert, caution...)\"\n  },\n  { color: \"--warning-color-hover\", description: \"Use only as hover color on warning color\" },\n  { color: \"--warning-color-selected\", description: \"Use as selected indication for warning colors\" },\n  {\n    color: \"--warning-color-selected-hover\",\n    description: \"Use to indicate hover state on a warning-selected items\"\n  },\n  // borders\n  { color: \"--ui-border-color\", description: \"Border color for ui elements and components (Button, Input...)\" },\n  { color: \"--ui-border-on-secondary-color\", description: \"Border color for ui elements on secondary color\" },\n  {\n    color: \"--layout-border-color\",\n    description: \"Border color for general layout and separators (Leftpane, Menu Divider...)\"\n  },\n  {\n    color: \"--layout-border-on-secondary-color\",\n    description: \"Border color for general layout on secondary background color\"\n  },\n  { color: \"--placeholder-color\", description: \"Use for placeholder text in inputs fields\" },\n  {\n    color: \"--placeholder-on-secondary-color\",\n    description: \"Use for placeholder text in inputs fields on secondary background color\"\n  },\n  { color: \"--icon-color\", description: \"Default color for icons\" },\n  { color: \"--icon-on-secondary-color\", description: \"Default color for icons on secondary background color\" },\n  // disabled\n  {\n    color: \"--disabled-background-color\",\n    description: \"Use as background for disabled elements (ui hovers or elements)\"\n  },\n  { color: \"--disabled-text-color\", description: \"Use as text in disabled components\" },\n  {\n    color: \"--disabled-background-on-secondary-color\",\n    description: \"Use as background for disabled elements on secondary background\"\n  },\n  {\n    color: \"--disabled-text-on-secondary-color\",\n    description: \"Use as text in disabled components on secondary background color\"\n  },\n  // Link\n  { color: \"--link-color\", description: \"Use only for links\" },\n  { color: \"--link-on-secondary-color\", description: \"Use only for links on secondary colors\" },\n  // Backgrounds\n  { color: \"--primary-background-color\", description: \"Primary background color\" },\n  { color: \"--secondary-background-color\", description: \"Secondary background color\" },\n  { color: \"--grey-background-color\", description: \"Grey background color\" },\n  { color: \"--allgrey-background-color\", description: \"Grey background color, stays grey in dark and black themes\" },\n  { color: \"--ui-background-color\", description: \"Background color for UI elements and components\" }\n];\n\nexport const colorsHashMap = colorsMap.reduce((map, current) => {\n  const newColorName = current.color.substring(2);\n  map.set(newColorName, current.description);\n  return map;\n}, new Map());\n\nexport const contentColors = [\n  \"grass_green\",\n  \"done-green\",\n  \"bright-green\",\n  \"saladish\",\n  \"egg_yolk\",\n  \"working_orange\",\n  \"dark-orange\",\n  \"peach\",\n  \"sunset\",\n  \"stuck-red\",\n  \"dark-red\",\n  \"sofia_pink\",\n  \"lipstick\",\n  \"bubble\",\n  \"purple\",\n  \"dark_purple\",\n  \"berry\",\n  \"dark_indigo\",\n  \"indigo\",\n  \"navy\",\n  \"bright-blue\",\n  \"dark-blue\",\n  \"aquamarine\",\n  \"chili-blue\",\n  \"river\",\n  \"winter\",\n  \"explosive\",\n  \"american_gray\",\n  \"blackish\",\n  \"brown\",\n  \"orchid\",\n  \"tan\",\n  \"sky\",\n  \"coffee\",\n  \"royal\",\n  \"teal\",\n  \"lavender\",\n  \"steel\",\n  \"lilac\",\n  \"pecan\"\n] as const;\n\nexport type CONTENT_COLORS_VALUES = (typeof contentColors)[number];\n\n/**\n * @deprecated\n */\nexport enum ColorStyle {\n  REGULAR = \"regular\",\n  HOVER = \"hover\",\n  SELECTED = \"selected\"\n}\n\nexport enum ContentColorByName {\n  GRASS_GREEN = \"grass_green\",\n  DONE_GREEN = \"done-green\",\n  BRIGHT_GREEN = \"bright-green\",\n  SALADISH = \"saladish\",\n  EGG_YOLK = \"egg_yolk\",\n  WORKING_ORANGE = \"working_orange\",\n  DARK_ORANGE = \"dark-orange\",\n  PEACH = \"peach\",\n  SUNSET = \"sunset\",\n  STUCK_RED = \"stuck-red\",\n  DARK_RED = \"dark-red\",\n  SOFIA_PINK = \"sofia_pink\",\n  LIPSTICK = \"lipstick\",\n  BUBBLE = \"bubble\",\n  PURPLE = \"purple\",\n  DARK_PURPLE = \"dark_purple\",\n  BERRY = \"berry\",\n  DARK_INDIGO = \"dark_indigo\",\n  INDIGO = \"indigo\",\n  NAVY = \"navy\",\n  BRIGHT_BLUE = \"bright-blue\",\n  DARK_BLUE = \"dark-blue\",\n  AQUAMARINE = \"aquamarine\",\n  CHILI_BLUE = \"chili-blue\",\n  RIVER = \"river\",\n  WINTER = \"winter\",\n  EXPLOSIVE = \"explosive\",\n  AMERICAN_GRAY = \"american_gray\",\n  BLACKISH = \"blackish\",\n  BROWN = \"brown\",\n  ORCHID = \"orchid\",\n  TAN = \"tan\",\n  SKY = \"sky\",\n  COFFEE = \"coffee\",\n  ROYAL = \"royal\",\n  TEAL = \"teal\",\n  LAVENDER = \"lavender\",\n  STEEL = \"steel\",\n  LILAC = \"lilac\",\n  PECAN = \"pecan\"\n}\n\n/**\n * @deprecated\n */\nexport enum StateSelectedColor {\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  PRIMARY = \"primary\",\n  WARNING = \"warning\",\n  NEUTRAL = \"neutral\"\n}\n\n/**\n * @deprecated\n */\nexport enum StateSelectedHoverColor {\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  PRIMARY = \"primary\",\n  NEUTRAL = \"neutral\"\n}\n\n/**\n * @deprecated\n */\nexport const ElementAllowedColor = {\n  ...ContentColorByName,\n  ...StateSelectedColor,\n  ...StateSelectedHoverColor\n};\n\n/**\n * @deprecated\n */\nexport type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string;\n\nexport const elementColorsNames = Object.values(ElementAllowedColor).reduce((acc: Record<string, string>, key) => {\n  acc[key] = key;\n  return acc;\n}, {});\n\nconst getColorKeyByValue = (colorValue: string, colors: Record<string, string>) => {\n  return Object.keys(colors)[Object.values(colors).indexOf(colorValue)];\n};\n\nexport function getElementColor(\n  colorValue: keyof typeof ElementAllowedColor | string,\n  isSelectedPalette = false,\n  isSelectedHoverPalette = false\n): string {\n  const colorKey = getColorKeyByValue(colorValue, ElementAllowedColor);\n  if (!colorKey) {\n    return colorValue;\n  }\n\n  if (ContentColorByName[colorKey as keyof typeof ContentColorByName]) {\n    return `var(--color-${ContentColorByName[colorKey as keyof typeof ContentColorByName]}${\n      isSelectedPalette ? \"-selected\" : \"\"\n    })`;\n  }\n  if (StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor] && isSelectedHoverPalette) {\n    return `var(${StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor]})`;\n  }\n  if (StateSelectedColor[colorKey as keyof typeof StateSelectedColor] && isSelectedPalette) {\n    return `var(${StateSelectedColor[colorKey as keyof typeof StateSelectedColor]})`;\n  }\n}\n"],"names":["colorsMap","color","description","reduce","map","current","newColorName","substring","set","Map","ColorStyle","ContentColorByName","StateSelectedColor","StateSelectedHoverColor","contentColors","ElementAllowedColor","Object","assign","values","acc","key"],"mappings":"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"}

package/dist/tests/interactions-utils.d.ts

@@ -13,6 +13,7 @@ export declare const testFunctionWrapper: (testFunc: TestFunction) => ({ canvasE
 }) => Promise<unknown>;
 export declare const clearText: (element: HTMLElement) => Promise<void>;
 export declare const NavigationCommand: typeof NavigationCommandType;
+export declare const resetFocus: () => Promise<void>;
 export declare const interactionSuite: ({ beforeEach, beforeAll, skip, tests, afterEach, afterAll }: {
     beforeEach?: TestFunction;
     beforeAll?: TestFunction;

package/dist/types/Colors.d.ts

@@ -4,17 +4,19 @@ declare const MapStateSelectedColor: {
     negative: string;
     primary: string;
     warning: string;
+    neutral: string;
 };
 declare const MapStateSelectedHoverColor: {
     positive: string;
     negative: string;
     primary: string;
     warning: string;
+    neutral: string;
 };
 type ContentColor = (typeof contentColors)[number];
 type StateSelectedColorKeys = keyof typeof MapStateSelectedColor;
 type StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;
-export type ElementAllowedColor = ContentColor | "positive" | "negative" | "primary" | "warning";
+export type ElementAllowedColor = ContentColor | "positive" | "negative" | "primary" | "warning" | "neutral";
 export declare function getElementColor(colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys, isSelectedPalette?: boolean, isSelectedHoverPalette?: boolean): string;
 export type ColorStyle = "regular" | "hover" | "selected";
 export {};

package/dist/utils/colors-vars-map.d.ts

@@ -62,7 +62,8 @@ export declare enum StateSelectedColor {
     POSITIVE = "positive",
     NEGATIVE = "negative",
     PRIMARY = "primary",
-    WARNING = "warning"
+    WARNING = "warning",
+    NEUTRAL = "neutral"
 }
 /**
  * @deprecated
@@ -70,7 +71,8 @@ export declare enum StateSelectedColor {
 export declare enum StateSelectedHoverColor {
     POSITIVE = "positive",
     NEGATIVE = "negative",
-    PRIMARY = "primary"
+    PRIMARY = "primary",
+    NEUTRAL = "neutral"
 }
 /**
  * @deprecated
@@ -79,6 +81,7 @@ export declare const ElementAllowedColor: {
     POSITIVE: StateSelectedHoverColor.POSITIVE;
     NEGATIVE: StateSelectedHoverColor.NEGATIVE;
     PRIMARY: StateSelectedHoverColor.PRIMARY;
+    NEUTRAL: StateSelectedHoverColor.NEUTRAL;
     WARNING: StateSelectedColor.WARNING;
     GRASS_GREEN: ContentColorByName.GRASS_GREEN;
     DONE_GREEN: ContentColorByName.DONE_GREEN;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/core",
-  "version": "3.72.0-alpha-5e660.0",
+  "version": "3.73.0-alpha-8cc35.0",
   "description": "Official monday.com UI resources for application development in React.js",
   "repository": {
     "type": "git",
@@ -81,10 +81,6 @@
     "build:esm": "rollup -c",
     "build:esm:mock-classnames": "mock_classnames=on rollup -c",
     "build:metadata": "tsx src/scripts/generate-metadata.ts",
-    "storybook": "storybook dev -p 7008",
-    "build-storybook": "storybook build -o static_storybook && node .storybook/storybook-title-fix.js static_storybook",
-    "deploy-storybook": "storybook-to-ghpages",
-    "chromatic:local": "chromatic -t $CHROMATIC_PROJECT_TOKEN",
     "link-local": "npm link && npm start",
     "plop": "plop",
     "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\"",
@@ -94,10 +90,10 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.6",
-    "@vibe/button": "3.0.4-alpha-5e660.0",
-    "@vibe/icon": "3.0.4-alpha-5e660.0",
+    "@vibe/button": "3.0.5-alpha-8cc35.0",
+    "@vibe/icon": "3.0.5-alpha-8cc35.0",
     "@vibe/icons": "1.11.0",
-    "@vibe/loader": "3.0.4-alpha-5e660.0",
+    "@vibe/loader": "3.0.5-alpha-8cc35.0",
     "a11y-dialog": "^7.5.2",
     "body-scroll-lock": "^4.0.0-beta.0",
     "browserslist-config-monday": "1.0.6",
@@ -105,7 +101,7 @@
     "downshift": "^9.0.8",
     "es-toolkit": "^1.39.10",
     "framer-motion": "^6.5.1",
-    "monday-ui-style": "0.26.1",
+    "monday-ui-style": "0.26.2-alpha-8cc35.0",
     "react-dates": "21.8.0",
     "react-focus-lock": "^2.13.2",
     "react-inlinesvg": "^4.1.3",
@@ -134,7 +130,6 @@
     "@babel/preset-typescript": "^7.23.3",
     "@babel/standalone": "^7.24.4",
     "@babel/types": "^7.24.0",
-    "@chromatic-com/storybook": "^3.2.4",
     "@hot-loader/react-dom": "^16.13.0",
     "@jest/transform": "^29.7.0",
     "@rollup/plugin-babel": "^6.0.2",
@@ -186,7 +181,7 @@
     "@uiw/codemirror-extensions-langs": "^4.21.25",
     "@uiw/codemirror-theme-github": "^4.21.25",
     "@uiw/react-codemirror": "^4.21.25",
-    "@vibe/config": "3.0.3-alpha-5e660.0",
+    "@vibe/config": "3.0.4-alpha-8cc35.0",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^1.6.0",
     "@vitest/ui": "^1.6.0",
@@ -259,7 +254,7 @@
     "tsx": "^4.20.3",
     "typescript": "^4.7.3",
     "typescript-plugin-css-modules": "^4.2.1",
-    "vibe-storybook-components": "1.0.6",
+    "vibe-storybook-components": "1.0.7-alpha-8cc35.0",
     "vite": "^5.3.1",
     "vitest": "^1.6.0"
   },
@@ -274,11 +269,8 @@
     "*.scss.js",
     "*.css.js"
   ],
-  "storybook-deployer": {
-    "commitMessage": "Deploy Storybook [ci-skip]"
-  },
   "browserslist": [
     "extends browserslist-config-monday"
   ],
-  "gitHead": "934bc0de7f721ce4f8857c607063c30aedf3f272"
+  "gitHead": "2fe5dbb4668cf717ccbc62bf3ddb9acd362f39ba"
 }