@kaizen/components 1.70.19 → 1.70.21

package/dist/types/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.d.ts

@@ -9,7 +9,7 @@ export declare const FilterBarButton: React.ForwardRefExoticComponent<{
     label: string;
     selectedValue?: string | JSX.Element;
     isOpen?: boolean;
-} & Omit<import("../../../FilterButton/subcomponents/FilterButtonBase").FilterButtonBaseProps, "children"> & {
+} & Omit<import("../../../FilterButton").FilterButtonBaseProps, "children"> & {
     filterId: string;
     isRemovable: boolean | undefined;
 } & React.RefAttributes<FilterTriggerRef>>;

package/dist/types/Filter/FilterButton/index.d.ts

@@ -1,2 +1,3 @@
+export * from './subcomponents/FilterButtonBase';
 export * from './FilterButton';
 export * from './FilterButtonRemovable';

package/dist/types/__rc__/Icon/constants.d.ts

@@ -2,4 +2,4 @@ export declare const handledRtlIcons: {
     checklist: "checklist_rtl";
     format_list_numbered: "format_list_numbered_rtl";
 };
-export declare const iconDefaultSet: ("add" | "add_a_photo" | "add_comment" | "add_link" | "arrow_back" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_upward" | "assignment" | "assignment_add" | "assignment_ind" | "assignment_returned" | "assignment_turned_in" | "backup" | "bar_chart" | "bookmark" | "brush" | "build" | "cached" | "cancel" | "chat_apps_script" | "chat_error" | "chat_paste_go" | "check" | "check_circle" | "chevron_left" | "chevron_right" | "close" | "close_fullscreen" | "cloud_download" | "comment_bank" | "content_copy" | "dashboard" | "date_range" | "delete" | "domain" | "draft" | "drag_indicator" | "edit" | "error" | "event" | "favorite" | "find_in_page" | "flag" | "flash_on" | "format_bold" | "format_indent_decrease" | "format_indent_increase" | "format_italic" | "format_list_bulleted" | "format_list_numbered" | "format_underlined" | "forum" | "forward" | "front_hand" | "grade" | "group" | "groups" | "help" | "history" | "home" | "horizontal_rule" | "info" | "key" | "keyboard_arrow_down" | "keyboard_arrow_up" | "keyboard_tab" | "keyboard_tab_rtl" | "label" | "lan" | "lightbulb" | "link_off" | "list" | "local_fire_department" | "lock" | "logout" | "mail" | "manage_accounts" | "menu" | "mms" | "more_horiz" | "more_vert" | "north_east" | "note_alt" | "notifications_active" | "open_in_full" | "open_in_new" | "pause" | "percent" | "person" | "person_add" | "person_cancel" | "person_check" | "play_circle" | "playlist_add_check" | "potted_plant" | "power" | "power_settings_new" | "print" | "privacy_tip" | "psychology_alt" | "radio_button_checked" | "radio_button_unchecked" | "rate_review" | "redo" | "reduce_capacity" | "refresh" | "remove" | "reviews" | "schedule" | "school" | "search" | "send" | "sensors" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_satisfied" | "settings" | "sms" | "south_east" | "star" | "support" | "thumb_down" | "thumb_up" | "today" | "translate" | "tune" | "undo" | "user_attributes" | "visibility" | "visibility_off" | "warning" | "zoom_in" | "zoom_out" | "auto_awesome")[];
+export declare const iconDefaultSet: ("add" | "add_a_photo" | "add_comment" | "add_link" | "arrow_back" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_upward" | "assignment" | "assignment_add" | "assignment_ind" | "assignment_returned" | "assignment_turned_in" | "backup" | "bar_chart" | "bookmark" | "brush" | "build" | "cached" | "cancel" | "chat_apps_script" | "chat_error" | "chat_paste_go" | "check" | "check_circle" | "chevron_left" | "chevron_right" | "close" | "close_fullscreen" | "cloud_download" | "comment_bank" | "content_copy" | "dashboard" | "date_range" | "delete" | "domain" | "draft" | "drag_indicator" | "edit" | "error" | "event" | "favorite" | "find_in_page" | "flag" | "flash_on" | "format_bold" | "format_indent_decrease" | "format_indent_increase" | "format_italic" | "format_list_bulleted" | "format_list_numbered" | "format_underlined" | "forum" | "forward" | "front_hand" | "grade" | "group" | "groups" | "help" | "history" | "home" | "horizontal_rule" | "info" | "key" | "keyboard_arrow_down" | "keyboard_arrow_up" | "keyboard_tab" | "keyboard_tab_rtl" | "label" | "lan" | "lightbulb" | "link_off" | "list" | "local_fire_department" | "lock" | "logout" | "mail" | "manage_accounts" | "menu" | "mms" | "more_horiz" | "more_vert" | "north_east" | "note_alt" | "notifications_active" | "open_in_full" | "open_in_new" | "pause" | "percent" | "person" | "person_add" | "person_cancel" | "person_check" | "play_circle" | "playlist_add_check" | "potted_plant" | "power" | "power_settings_new" | "print" | "privacy_tip" | "psychology_alt" | "radio_button_checked" | "radio_button_unchecked" | "rate_review" | "redo" | "reduce_capacity" | "refresh" | "remove" | "reviews" | "schedule" | "school" | "search" | "send" | "sensors" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_satisfied" | "settings" | "share" | "sms" | "south_east" | "star" | "support" | "thumb_down" | "thumb_up" | "today" | "translate" | "tune" | "undo" | "user_attributes" | "visibility" | "visibility_off" | "warning" | "zoom_in" | "zoom_out" | "auto_awesome")[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.70.19",
+  "version": "1.70.21",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -81,6 +81,11 @@
       "require": "./dist/cjs/reactAriaComponentsV3.cjs",
       "types": "./dist/types/__react-aria-components__/index.d.ts"
     },
+    "./v3/utilities": {
+      "import": "./dist/esm/utilitiesV3.mjs",
+      "require": "./dist/cjs/utilitiesV3.cjs",
+      "types": "./dist/types/__utilities__/v3.d.ts"
+    },
     "./dist/styles.css": {
       "import": "./dist/styles.css",
       "require": "./dist/styles.css",

package/src/Filter/FilterButton/index.ts

@@ -1,2 +1,3 @@
+export * from './subcomponents/FilterButtonBase'
 export * from './FilterButton'
 export * from './FilterButtonRemovable'

package/src/__rc__/Icon/constants.ts

@@ -130,6 +130,7 @@ export const iconDefaultSet = [
   'sentiment_satisfied',
   'sentiment_very_satisfied',
   'settings',
+  'share',
   'sms',
   'south_east',
   'star',

package/src/__rc__/Tabs/subcomponents/Tab/Tab.module.css

@@ -23,7 +23,6 @@
   }
 
   &:focus-visible {
-    background: var(--color-blue-100);
     color: var(--color-blue-500);
     border-color: var(--color-blue-500);
   }
@@ -37,9 +36,13 @@
   }
 
   &:not([data-disabled]):hover {
-    background: var(--color-blue-100);
+    background: var(--color-blue-200);
     color: var(--color-blue-500);
   }
+
+  &:not([data-disabled]):active {
+    background: var(--color-blue-100);
+  }
 }
 
 .tab[data-selected] {

package/src/__rc__/Tabs/subcomponents/TabList/TabList.module.css

@@ -3,7 +3,7 @@
 }
 
 .tabList {
-  border-bottom: 1px solid rgba(var(--color-gray-600-rgb), 0.1);
+  border-bottom: 1px solid var(--color-gray-300);
   padding: var(--spacing-6) 0 0;
   width: 100%;
   height: 100%;
@@ -42,7 +42,7 @@
 
 .leftArrow,
 .leftArrow:hover {
-  border-right: 1px solid rgba(var(--color-gray-600-rgb), 0.1);
+  border-right: 1px solid var(--color-gray-300);
 }
 
 .rightArrow {
@@ -51,10 +51,17 @@
 
 .rightArrow,
 .rightArrow:hover {
-  border-left: 1px solid rgba(var(--color-gray-600-rgb), 0.1);
+  border-left: 1px solid var(--color-gray-300);
 }
 
 .leftArrow:hover,
 .rightArrow:hover {
-  background: var(--color-gray-200);
+  background: var(--color-blue-200);
+  color: var(--color-blue-500);
+}
+
+.leftArrow:active,
+.rightArrow:active {
+  background: var(--color-blue-100);
+  color: var(--color-blue-500);
 }