@pega/cosmos-react-core 9.0.0-build.1.0 → 9.0.0-build.10.0

package/lib/i18n/i18n.d.ts

@@ -19,6 +19,8 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     select_placeholder_default: string;
     description: string;
     all: string;
+    any: string;
+    this_and_that: string;
     default: string;
     app_default: string;
     sitewide: string;
@@ -54,6 +56,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     field: string;
     field_group: string;
     insight: string;
+    action: string;
     view: string;
     range_input: string;
     system: string;
@@ -62,6 +65,9 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     duration: string;
     tokens: string;
     keyboard_instructions: string;
+    today: string;
+    verify_ai_generated_expression: string;
+    custom: string;
     remove: string;
     follow: string;
     unfollow: string;
@@ -93,9 +99,12 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     dismiss: string;
     due: string;
     drag: string;
+    resize: string;
     reset: string;
     refresh: string;
     copy: string;
+    explain: string;
+    generate: string;
     view_all: string;
     view_less: string;
     show_more: string;
@@ -136,6 +145,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     select_noun: string;
     actions_for: string;
     edited: string;
+    deleted: string;
     done: string;
     uploading: string;
     loading: string;
@@ -244,6 +254,8 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     range_to_datetime: string;
     range_from_numeric: string;
     range_to_numeric: string;
+    error_field_unavailable: string;
+    error_field_list_unavailable: string;
     x_of_y: string;
     n_more: string;
     keypress_instruction: string;
@@ -261,6 +273,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     app_shell_pin: string;
     app_shell_unpin: string;
     application_logo: string;
+    theme_mode: string;
     combobox_open_close: string;
     combobox_search_instructions: string;
     combobox_open_list_button_a11y: string;
@@ -307,6 +320,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     choose_week: string;
     set_current_week_ally: string;
     auto_focus_next_input_description: string;
+    year_input_description: string;
     boolean_display_true_label: string;
     boolean_display_false_label: string;
     step_changed_to_name: string;
@@ -334,8 +348,22 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     };
     attach_files: string;
     attach_review: string;
-    files_uploaded: string;
-    files_upload_failed: string;
+    files_uploaded: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    files_upload_failed: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
     download_all: string;
     my_current_location_button_a11y: string;
     location_input_placeholder: string;
@@ -373,12 +401,17 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     suggestions: string;
     you: string;
     agent: string;
+    chat_with_ai: string;
     agent_noun: string;
     welcome_text: string;
     start_chat: string;
     starter_message: string;
     ask_coach: string;
+    thinking: string;
+    analyzing_data_sources: string;
     generating_response: string;
+    double_checking_results: string;
+    finalizing_response: string;
     response_generated: string;
     good_response: string;
     bad_response: string;
@@ -419,6 +452,11 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     drag_handle_vertical_description: string;
     drag_handle_horizontal_description: string;
     drag_handle_tab_description: string;
+    add_button_description: string;
+    configure_button_description: string;
+    remove_button_description: string;
+    list_item_control_instructions: string;
+    list_item_nav_instructions: string;
     assignments: string;
     case: string;
     assignment: string;
@@ -576,12 +614,15 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     rte_edit_image: string;
     rte_delete_image: string;
     rte_image_key_command: string;
+    important: string;
     expand_trail: string;
     collapse_trail: string;
     copy_to: string;
     subject_label: string;
     search_results: string;
     get_next_email: string;
+    mark_email_as_important: string;
+    email_attachment: string;
     feed_post_type: string;
     feed_new_post: string;
     feed_new_post_submit: string;
@@ -1304,6 +1345,9 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     close_configuration_panel: string;
     clear_object_summary: string;
     create_in_new_tab: string;
+    input_tree_contextual_label: string;
+    input_tree_error: string;
+    parameters: string;
     expression_editor: string;
     output_parameters: string;
     input_parameters: string;
@@ -1315,6 +1359,26 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     download_app: string;
     qr_code_not_available: string;
     qr_code: string;
+    expand_all: string;
+    collapse_all: string;
+    expand_steps: string;
+    collapse_steps: string;
+    expand_step: string;
+    collapse_step: string;
+    expanded_step: string;
+    collapsed_step: string;
+    add_step: string;
+    generate_comments: string;
+    action_set: string;
+    action_when: string;
+    action_append: string;
+    action_call: string;
+    action_create: string;
+    action_for_each: string;
+    action_exit: string;
+    action_return: string;
+    action_remove: string;
+    action_error_handler: string;
     app_header_notifications_empty: string;
     app_header_notifications_loading: string;
     open_app_header_notifications: string;
@@ -1388,6 +1452,8 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     component_not_found_error_with_subtype: string;
     component_not_found_error_with_type_and_subtype: string;
     component_missing_error_status: string;
+    field_type_updated_error_status: string;
+    field_type_updated_error: string;
     field_does_not_exist_error: string;
     configure_item: string;
     data_page_call_error: string;
@@ -1398,6 +1464,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     create_new_item: string;
     warning_color: string;
     color_contrast_warning: string;
+    color_contrast_warning_non_solid: string;
     has_compliance_warning: string;
     compliance_warning: string;
     gradient_warning: string;
@@ -1426,9 +1493,63 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     valid_number_within_range: string;
     expected_value: string;
     invalid_value: string;
+    field_does_not_exist_on_the_selected_source: string;
+    failed_to_validate_source: string;
+    source_used_for_picklist_values: string;
+    private_only: string;
+    shared_users_with_access: string;
+    public_all_users: string;
+    access_group: string;
+    dashboard_visibility: string;
+    dashboard_shared_with: string;
+    dashboard_private: string;
     hide_icons_additional_info_first_sentence: string;
     hide_icons_additional_info_second_sentence: string;
     wcag: string;
+    this_year: string;
+    this_quarter: string;
+    this_month: string;
+    this_week: string;
+    this_day: string;
+    this_hour: string;
+    this_minute: string;
+    this_second: string;
+    over_time_period: string;
+    since_time_period: string;
+    in_current_time_period: string;
+    increased_by_value_over_time_period: string;
+    increased_by_value_since_time_period: string;
+    increased_by_value_in_current_time_period: string;
+    increased_by_value_today: string;
+    decreased_by_value_over_time_period: string;
+    decreased_by_value_since_time_period: string;
+    decreased_by_value_in_current_time_period: string;
+    decreased_by_value_today: string;
+    no_change_over_time_period: string;
+    no_change_since_time_period: string;
+    no_change_in_current_time_period: string;
+    no_change_today: string;
+    date_function_year: string;
+    date_function_quarter: string;
+    date_function_month: string;
+    date_function_week: string;
+    date_function_day: string;
+    date_function_hour: string;
+    date_function_minute: string;
+    date_function_month_of_year: string;
+    date_function_day_of_month: string;
+    date_function_day_of_week: string;
+    date_function_hour_of_day: string;
+    aggregation_count: string;
+    aggregation_distinct_count: string;
+    aggregation_total: string;
+    aggregation_average: string;
+    aggregation_minimum: string;
+    aggregation_maximum: string;
+    aggregation_sum: string;
+    select_chart_data_view: string;
+    toggle_chart_element_visibility: string;
+    chart_legend_items: string;
     add_to: string;
     namespace: string;
     decision_rule: string;
@@ -1436,6 +1557,46 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     invalid_rule: string;
     invalid_rule_non_relevant_record: string;
     infinity_stack_overflow_error: string;
+    decision_table_description: string;
+    decision_table_empty_state: string;
+    decision_table_add_column: string;
+    decision_table_add_columns: string;
+    decision_table_edit_columns: string;
+    decision_table_add_to_library: string;
+    decision_table_source_label: string;
+    decision_table_comparator_label: string;
+    decision_table_add_row: string;
+    decision_table_delete_row: string;
+    decision_table_cancel: string;
+    decision_table_submit: string;
+    decision_table_help_text: string;
+    decision_table_valid_column: string;
+    decision_table_repeated_column: string;
+    decision_table_valid_comparator: string;
+    decision_table_if: string;
+    decision_table_else_if: string;
+    decision_table_else: string;
+    decision_table_return: string;
+    decision_table_equal: string;
+    decision_table_equal_header: string;
+    decision_table_not_equal: string;
+    decision_table_not_equal_header: string;
+    decision_table_greater_than: string;
+    decision_table_greater_than_header: string;
+    decision_table_less_than: string;
+    decision_table_less_than_header: string;
+    decision_table_greater_than_or_equal: string;
+    decision_table_greater_than_or_equal_header: string;
+    decision_table_less_than_or_equal: string;
+    decision_table_less_than_or_equal_header: string;
+    decision_table_between: string;
+    decision_table_between_header: string;
+    decision_table_from: string;
+    decision_table_from_header: string;
+    decision_table_custom_range_1: string;
+    decision_table_custom_range_1_header: string;
+    decision_table_custom_range_2: string;
+    decision_table_custom_range_2_header: string;
     expression_error_incorrect_data_type: string;
     expression_error_with_data_and_object_type: string;
     expression_error_with_data_type: string;
@@ -1446,11 +1607,18 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     expression_datapage_general_error: string;
     expression_allowed_rules_error: string;
     expression_empty_error: string;
+    cb_invalid_leaf_condition: string;
+    cb_invalid_operand: string;
+    cb_expression_node_null: string;
+    cb_expression_node_missing: string;
+    cb_invalid_unary_expression: string;
+    cb_invalid_group_expression: string;
     ui_inspector: string;
     ui_inspector_iframe_title: string;
     ui_inspector_metadata: string;
     ui_inspector_quick_info: string;
     ui_inspector_field_metadata: string;
+    ai_tracer: string;
     agent_tracer_select_an_event: string;
     agent_tracer_total_processing_time: string;
     agent_tracer_total_tokens: string;
@@ -1467,6 +1635,17 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     agent_tracer_data_from_all_sources: string;
     agent_tracer_complete_data_source: string;
     agent_tracer_conversation_trace: string;
+    generating_explanation: string;
+    explanation_generated: string;
+    clear_explanation: string;
+    describe_expression: string;
+    generating_expression: string;
+    generated_explanation: string;
+    generated_expression: string;
+    expression_generated: string;
+    expression_builder: string;
+    open_expression_builder: string;
+    library: string;
 }>>;
 export declare const direction: (localeTag: string) => "ltr" | "rtl";
 //# sourceMappingURL=i18n.d.ts.map

package/lib/i18n/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,WAAW,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE7D,QAAA,MAAM,MAAM,GAAI,eAAe,WAAW,KAAG,QAAQ,CAAC,eAAe,CAEpE,CAAC;AACF,eAAe,MAAM,CAAC;AAEtB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAW,CAAC;AAiB3C,eAAO,MAAM,SAAS,GAAI,WAAW,MAAM,KAAG,KAAK,GAAG,KAErD,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,WAAW,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE7D,QAAA,MAAM,MAAM,GAAI,eAAe,WAAW,KAAG,QAAQ,CAAC,eAAe,CAEpE,CAAC;AACF,eAAe,MAAM,CAAC;AAEtB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAW,CAAC;AAiB3C,eAAO,MAAM,SAAS,GAAI,WAAW,MAAM,KAAG,KAAK,GAAG,KAErD,CAAC"}

package/lib/styles/GlobalStyle.d.ts

@@ -1,7 +1,7 @@
 import type { DefaultTheme } from 'styled-components';
 export declare const globalSpacingStyles: import("styled-components").FlattenSimpleInterpolation;
-export declare const createGlobalRootStyles: ({ base: { scale, "hit-area": hitArea } }: DefaultTheme) => string;
-export declare const createGlobalBodyStyles: ({ base: { "font-size": baseFontSize, "font-scale": baseFontScale, "font-stretch": baseFontStretch, "letter-spacing": baseLetterSpacing, "font-family": fontFamily, palette: { "foreground-color": foregroundColor, "app-background": background }, "line-height": lineHeight }, components: { text } }: DefaultTheme) => string;
+export declare const createGlobalRootStyles: ({ base: { scale, "hit-area": hitArea, palette } }: DefaultTheme) => string;
+export declare const createGlobalBodyStyles: ({ base: { "font-size": baseFontSize, "font-scale": baseFontScale, "font-stretch": baseFontStretch, "letter-spacing": baseLetterSpacing, "font-family": fontFamily, palette: { "foreground-color": foregroundColor, "app-background": background, "primary-background": primaryBackground }, "line-height": lineHeight }, components: { text } }: DefaultTheme) => string;
 declare const _default: import("styled-components").GlobalStyleComponent<{}, DefaultTheme>;
 export default _default;
 //# sourceMappingURL=GlobalStyle.d.ts.map

package/lib/styles/GlobalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../src/styles/GlobalStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKtD,eAAO,MAAM,mBAAmB,wDAQ/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,0CAA0C,YAAY,WAe5F,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,wSAWpC,YAAY,WAmBd,CAAC;;AAEF,wBAwDG"}
+{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../src/styles/GlobalStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKtD,eAAO,MAAM,mBAAmB,wDAQ/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,mDAEpC,YAAY,WAgBd,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,iVAepC,YAAY,WAuBd,CAAC;;AAEF,wBAwDG"}

package/lib/styles/GlobalStyle.js

@@ -1,4 +1,4 @@
-import { mix } from 'polished';
+import { mix, getLuminance } from 'polished';
 import { createGlobalStyle, css } from 'styled-components';
 import { calculateFontSize } from './utils';
 export const globalSpacingStyles = css `
@@ -10,7 +10,7 @@ export const globalSpacingStyles = css `
     padding: 0;
   }
 `;
-export const createGlobalRootStyles = ({ base: { scale, 'hit-area': hitArea } }) => {
+export const createGlobalRootStyles = ({ base: { scale, 'hit-area': hitArea, palette } }) => {
     return css `
     :root,
     :host {
@@ -23,10 +23,11 @@ export const createGlobalRootStyles = ({ base: { scale, 'hit-area': hitArea } })
       @media (pointer: coarse) {
         --hit-area: ${hitArea.finger};
       }
+      color-scheme: ${getLuminance(palette['foreground-color']) > 0.5 ? 'dark' : 'light'};
     }
   `.join('');
 };
-export const createGlobalBodyStyles = ({ base: { 'font-size': baseFontSize, 'font-scale': baseFontScale, 'font-stretch': baseFontStretch, 'letter-spacing': baseLetterSpacing, 'font-family': fontFamily, palette: { 'foreground-color': foregroundColor, 'app-background': background }, 'line-height': lineHeight }, components: { text } }) => {
+export const createGlobalBodyStyles = ({ base: { 'font-size': baseFontSize, 'font-scale': baseFontScale, 'font-stretch': baseFontStretch, 'letter-spacing': baseLetterSpacing, 'font-family': fontFamily, palette: { 'foreground-color': foregroundColor, 'app-background': background, 'primary-background': primaryBackground }, 'line-height': lineHeight }, components: { text } }) => {
     // Can't call a hook here
     const fontSize = calculateFontSize(baseFontSize, baseFontScale);
     return css `
@@ -41,7 +42,11 @@ export const createGlobalBodyStyles = ({ base: { 'font-size': baseFontSize, 'fon
       line-height: ${lineHeight};
       font-stretch: ${baseFontStretch};
       letter-spacing: ${baseLetterSpacing};
+    }
+
+    body {
       background: ${background};
+      background-color: ${primaryBackground};
     }
   `.join('');
 };

package/lib/styles/GlobalStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["../../src/styles/GlobalStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,EAAgB,EAAE,EAAE;IAC/F,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK;oBACT,OAAO,CAAC,OAAO;;;sBAGb,OAAO,CAAC,MAAM;;;GAGjC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,EAAE,EACJ,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,aAAa,EAC3B,cAAc,EAAE,eAAe,EAC/B,gBAAgB,EAAE,iBAAiB,EACnC,aAAa,EAAE,UAAU,EACzB,OAAO,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,UAAU,EAAE,EAC9E,aAAa,EAAE,UAAU,EAC1B,EACD,UAAU,EAAE,EAAE,IAAI,EAAE,EACP,EAAE,EAAE;IACjB,yBAAyB;IACzB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IAEhE,OAAO,GAAG,CAAA;;;;;;mBAMO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAa,CAAC;qBAC7C,UAAU;eAChB,eAAe;qBACT,UAAU;sBACT,eAAe;wBACb,iBAAiB;oBACrB,UAAU;;GAE3B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7C,MAAM,EACJ,IAAI,EAAE,EACJ,kBAAkB,EAAE,eAAe,EACnC,OAAO,EAAE,EAAE,kBAAkB,EAAE,UAAU,EAAE,EAC3C,MAAM,EAAE,EAAE,KAAK,EAAE,EACjB,YAAY,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,EAC/C,EACD,UAAU,EAAE,EACV,cAAc,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EACxD,EACF,GAAG,KAAK,CAAC;IACV,OAAO,GAAG,CAAA;MACN,mBAAmB;;;;;;;;;;;;;oBAaL,KAAK;;;;eAIV,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;;;;MAItD,eAAe;QACjB,GAAG,CAAA;;;;KAIF;;MAEC,sBAAsB,CAAC,KAAK,CAAC;;MAE7B,sBAAsB,CAAC,KAAK,CAAC;;;;;;;;;;;;GAYhC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { mix } from 'polished';\nimport { createGlobalStyle, css } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\n\nimport { calculateFontSize } from './utils';\nimport type { FontSize } from './utils';\n\nexport const globalSpacingStyles = css`\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n`;\n\nexport const createGlobalRootStyles = ({ base: { scale, 'hit-area': hitArea } }: DefaultTheme) => {\n  return css`\n    :root,\n    :host {\n      height: 100%;\n      -webkit-text-size-adjust: 100%;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      font-size: calc(${scale} * 1rem);\n      --hit-area: ${hitArea.compact};\n\n      @media (pointer: coarse) {\n        --hit-area: ${hitArea.finger};\n      }\n    }\n  `.join('');\n};\n\nexport const createGlobalBodyStyles = ({\n  base: {\n    'font-size': baseFontSize,\n    'font-scale': baseFontScale,\n    'font-stretch': baseFontStretch,\n    'letter-spacing': baseLetterSpacing,\n    'font-family': fontFamily,\n    palette: { 'foreground-color': foregroundColor, 'app-background': background },\n    'line-height': lineHeight\n  },\n  components: { text }\n}: DefaultTheme) => {\n  // Can't call a hook here\n  const fontSize = calculateFontSize(baseFontSize, baseFontScale);\n\n  return css`\n    body,\n    :host {\n      min-height: 100%;\n      margin: 0;\n      padding: 0;\n      font-size: ${fontSize[text.primary['font-size'] as FontSize]};\n      font-family: ${fontFamily};\n      color: ${foregroundColor};\n      line-height: ${lineHeight};\n      font-stretch: ${baseFontStretch};\n      letter-spacing: ${baseLetterSpacing};\n      background: ${background};\n    }\n  `.join('');\n};\n\nexport default createGlobalStyle(({ theme }) => {\n  const {\n    base: {\n      'custom-scrollbar': customScrollbar,\n      palette: { 'foreground-color': foreground },\n      shadow: { focus },\n      transparency: { 'transparent-3': transparent }\n    },\n    components: {\n      'form-control': { 'background-color': backgroundColor }\n    }\n  } = theme;\n  return css`\n    ${globalSpacingStyles}\n\n    body {\n      overscroll-behavior: none;\n    }\n\n    h1:focus-visible,\n    h2:focus-visible,\n    h3:focus-visible,\n    h4:focus-visible,\n    h5:focus-visible,\n    h6:focus-visible {\n      outline: transparent;\n      box-shadow: ${focus};\n    }\n\n    ::placeholder {\n      color: ${mix(transparent, foreground, backgroundColor)};\n      opacity: unset;\n    }\n\n    ${customScrollbar &&\n    css`\n      * {\n        scrollbar-width: thin;\n      }\n    `}\n\n    ${createGlobalRootStyles(theme)}\n\n    ${createGlobalBodyStyles(theme)}\n\n    input,\n    button,\n    select,\n    optgroup,\n    textarea {\n      margin: 0;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  `;\n});\n"]}
+{"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["../../src/styles/GlobalStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,EAChC,EAAE,EAAE;IACjB,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK;oBACT,OAAO,CAAC,OAAO;;;sBAGb,OAAO,CAAC,MAAM;;sBAEd,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;GAErF,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,EAAE,EACJ,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,aAAa,EAC3B,cAAc,EAAE,eAAe,EAC/B,gBAAgB,EAAE,iBAAiB,EACnC,aAAa,EAAE,UAAU,EACzB,OAAO,EAAE,EACP,kBAAkB,EAAE,eAAe,EACnC,gBAAgB,EAAE,UAAU,EAC5B,oBAAoB,EAAE,iBAAiB,EACxC,EACD,aAAa,EAAE,UAAU,EAC1B,EACD,UAAU,EAAE,EAAE,IAAI,EAAE,EACP,EAAE,EAAE;IACjB,yBAAyB;IACzB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IAEhE,OAAO,GAAG,CAAA;;;;;;mBAMO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAa,CAAC;qBAC7C,UAAU;eAChB,eAAe;qBACT,UAAU;sBACT,eAAe;wBACb,iBAAiB;;;;oBAIrB,UAAU;0BACJ,iBAAiB;;GAExC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7C,MAAM,EACJ,IAAI,EAAE,EACJ,kBAAkB,EAAE,eAAe,EACnC,OAAO,EAAE,EAAE,kBAAkB,EAAE,UAAU,EAAE,EAC3C,MAAM,EAAE,EAAE,KAAK,EAAE,EACjB,YAAY,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,EAC/C,EACD,UAAU,EAAE,EACV,cAAc,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EACxD,EACF,GAAG,KAAK,CAAC;IACV,OAAO,GAAG,CAAA;MACN,mBAAmB;;;;;;;;;;;;;oBAaL,KAAK;;;;eAIV,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;;;;MAItD,eAAe;QACjB,GAAG,CAAA;;;;KAIF;;MAEC,sBAAsB,CAAC,KAAK,CAAC;;MAE7B,sBAAsB,CAAC,KAAK,CAAC;;;;;;;;;;;;GAYhC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { mix, getLuminance } from 'polished';\nimport { createGlobalStyle, css } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\n\nimport { calculateFontSize } from './utils';\nimport type { FontSize } from './utils';\n\nexport const globalSpacingStyles = css`\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n`;\n\nexport const createGlobalRootStyles = ({\n  base: { scale, 'hit-area': hitArea, palette }\n}: DefaultTheme) => {\n  return css`\n    :root,\n    :host {\n      height: 100%;\n      -webkit-text-size-adjust: 100%;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      font-size: calc(${scale} * 1rem);\n      --hit-area: ${hitArea.compact};\n\n      @media (pointer: coarse) {\n        --hit-area: ${hitArea.finger};\n      }\n      color-scheme: ${getLuminance(palette['foreground-color']) > 0.5 ? 'dark' : 'light'};\n    }\n  `.join('');\n};\n\nexport const createGlobalBodyStyles = ({\n  base: {\n    'font-size': baseFontSize,\n    'font-scale': baseFontScale,\n    'font-stretch': baseFontStretch,\n    'letter-spacing': baseLetterSpacing,\n    'font-family': fontFamily,\n    palette: {\n      'foreground-color': foregroundColor,\n      'app-background': background,\n      'primary-background': primaryBackground\n    },\n    'line-height': lineHeight\n  },\n  components: { text }\n}: DefaultTheme) => {\n  // Can't call a hook here\n  const fontSize = calculateFontSize(baseFontSize, baseFontScale);\n\n  return css`\n    body,\n    :host {\n      min-height: 100%;\n      margin: 0;\n      padding: 0;\n      font-size: ${fontSize[text.primary['font-size'] as FontSize]};\n      font-family: ${fontFamily};\n      color: ${foregroundColor};\n      line-height: ${lineHeight};\n      font-stretch: ${baseFontStretch};\n      letter-spacing: ${baseLetterSpacing};\n    }\n\n    body {\n      background: ${background};\n      background-color: ${primaryBackground};\n    }\n  `.join('');\n};\n\nexport default createGlobalStyle(({ theme }) => {\n  const {\n    base: {\n      'custom-scrollbar': customScrollbar,\n      palette: { 'foreground-color': foreground },\n      shadow: { focus },\n      transparency: { 'transparent-3': transparent }\n    },\n    components: {\n      'form-control': { 'background-color': backgroundColor }\n    }\n  } = theme;\n  return css`\n    ${globalSpacingStyles}\n\n    body {\n      overscroll-behavior: none;\n    }\n\n    h1:focus-visible,\n    h2:focus-visible,\n    h3:focus-visible,\n    h4:focus-visible,\n    h5:focus-visible,\n    h6:focus-visible {\n      outline: transparent;\n      box-shadow: ${focus};\n    }\n\n    ::placeholder {\n      color: ${mix(transparent, foreground, backgroundColor)};\n      opacity: unset;\n    }\n\n    ${customScrollbar &&\n    css`\n      * {\n        scrollbar-width: thin;\n      }\n    `}\n\n    ${createGlobalRootStyles(theme)}\n\n    ${createGlobalBodyStyles(theme)}\n\n    input,\n    button,\n    select,\n    optgroup,\n    textarea {\n      margin: 0;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  `;\n});\n"]}

package/lib/styles/animations.d.ts

@@ -0,0 +1,9 @@
+export declare const reveal: import("styled-components").Keyframes;
+export declare const slideInXStart: import("styled-components").Keyframes;
+export declare const slideInXEnd: import("styled-components").Keyframes;
+export declare const slideInYStart: import("styled-components").Keyframes;
+export declare const slideInYEnd: import("styled-components").Keyframes;
+export declare const scaleIn: import("styled-components").Keyframes;
+export declare const scaleOut: import("styled-components").Keyframes;
+export declare const subProperties: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+//# sourceMappingURL=animations.d.ts.map

package/lib/styles/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/styles/animations.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,uCAQlB,CAAC;AAEF,eAAO,MAAM,aAAa,uCAQzB,CAAC;AAEF,eAAO,MAAM,WAAW,uCAQvB,CAAC;AAEF,eAAO,MAAM,aAAa,uCAQzB,CAAC;AAEF,eAAO,MAAM,WAAW,uCAQvB,CAAC;AAEF,eAAO,MAAM,OAAO,uCAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,uCAQpB,CAAC;AAEF,eAAO,MAAM,aAAa,oIAYzB,CAAC"}

package/lib/styles/animations.js

@@ -0,0 +1,78 @@
+import { css, keyframes } from 'styled-components';
+export const reveal = keyframes `
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+`;
+export const slideInXStart = keyframes `
+    from {
+      translate: var(--slide-in-x-start-offset, -1rem) 0;
+    }
+
+    to {
+      translate: 0 0;
+    }
+`;
+export const slideInXEnd = keyframes `
+    from {
+      translate: var(--slide-in-x-end-offset, 1rem) 0;
+    }
+
+    to {
+      translate: 0 0;
+    }
+`;
+export const slideInYStart = keyframes `
+    from {
+      translate: 0 var(--slide-in-y-start-offset, -1rem);
+    }
+
+    to {
+      translate: 0 0;
+    }
+`;
+export const slideInYEnd = keyframes `
+    from {
+      translate: 0 var(--slide-in-y-end-offset, 1rem);
+    }
+
+    to {
+      translate: 0 0;
+    }
+`;
+export const scaleIn = keyframes `
+    from {
+      scale: var(--scale-in-size, 0);
+    }
+
+    to {
+      scale: 1;
+    }
+`;
+export const scaleOut = keyframes `
+    from {
+      scale: 1;
+    }
+
+    to {
+      scale: var(--scale-out-size, 0);
+    }
+`;
+export const subProperties = css `
+  ${({ theme }) => {
+    return css `
+      animation-duration: var(--animation-duration, ${theme.base.animation.speed});
+      animation-delay: var(--animation-delay, 0);
+      animation-fill-mode: var(--animation-fill-mode, both);
+      animation-timing-function: var(
+        --animation-timing-function,
+        ${theme.base.animation.timing.ease}
+      );
+    `;
+}}
+`;
+//# sourceMappingURL=animations.js.map

package/lib/styles/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../src/styles/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAA;;;;;;;;CAQnC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAA;;;;;;;;CAQnC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;CAQ/B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;CAQhC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;IAC5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,OAAO,GAAG,CAAA;sDACwC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK;;;;;UAKtE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;KAErC,CAAC;AACJ,CAAC;CACF,CAAC","sourcesContent":["import { css, keyframes } from 'styled-components';\n\nexport const reveal = keyframes`\n    from {\n      opacity: 0;\n    }\n\n    to {\n      opacity: 1;\n    }\n`;\n\nexport const slideInXStart = keyframes`\n    from {\n      translate: var(--slide-in-x-start-offset, -1rem) 0;\n    }\n\n    to {\n      translate: 0 0;\n    }\n`;\n\nexport const slideInXEnd = keyframes`\n    from {\n      translate: var(--slide-in-x-end-offset, 1rem) 0;\n    }\n\n    to {\n      translate: 0 0;\n    }\n`;\n\nexport const slideInYStart = keyframes`\n    from {\n      translate: 0 var(--slide-in-y-start-offset, -1rem);\n    }\n\n    to {\n      translate: 0 0;\n    }\n`;\n\nexport const slideInYEnd = keyframes`\n    from {\n      translate: 0 var(--slide-in-y-end-offset, 1rem);\n    }\n\n    to {\n      translate: 0 0;\n    }\n`;\n\nexport const scaleIn = keyframes`\n    from {\n      scale: var(--scale-in-size, 0);\n    }\n\n    to {\n      scale: 1;\n    }\n`;\n\nexport const scaleOut = keyframes`\n    from {\n      scale: 1;\n    }\n\n    to {\n      scale: var(--scale-out-size, 0);\n    }\n`;\n\nexport const subProperties = css`\n  ${({ theme }) => {\n    return css`\n      animation-duration: var(--animation-duration, ${theme.base.animation.speed});\n      animation-delay: var(--animation-delay, 0);\n      animation-fill-mode: var(--animation-fill-mode, both);\n      animation-timing-function: var(\n        --animation-timing-function,\n        ${theme.base.animation.timing.ease}\n      );\n    `;\n  }}\n`;\n"]}

package/lib/styles/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const resizeDrawerMinWidth = "21.875rem";
+export declare const resizeDrawerMaxWidth = "calc(100vw - 20rem)";
+export declare const resizeDrawerDefaultWidth = "clamp(21.875rem, (100vw - 31.25rem) / 10 + 21.875rem, 31.25rem)";
+export declare const resizeDrawerKeyboardStep = 0.05;
+//# sourceMappingURL=constants.d.ts.map

package/lib/styles/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/styles/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,cAAc,CAAC;AAChD,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAC1D,eAAO,MAAM,wBAAwB,oEAC8B,CAAC;AACpE,eAAO,MAAM,wBAAwB,OAAO,CAAC"}

package/lib/styles/constants.js

@@ -0,0 +1,5 @@
+export const resizeDrawerMinWidth = '21.875rem';
+export const resizeDrawerMaxWidth = 'calc(100vw - 20rem)';
+export const resizeDrawerDefaultWidth = 'clamp(21.875rem, (100vw - 31.25rem) / 10 + 21.875rem, 31.25rem)';
+export const resizeDrawerKeyboardStep = 0.05;
+//# sourceMappingURL=constants.js.map

package/lib/styles/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/styles/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC;AAChD,MAAM,CAAC,MAAM,oBAAoB,GAAG,qBAAqB,CAAC;AAC1D,MAAM,CAAC,MAAM,wBAAwB,GACnC,iEAAiE,CAAC;AACpE,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,CAAC","sourcesContent":["export const resizeDrawerMinWidth = '21.875rem';\nexport const resizeDrawerMaxWidth = 'calc(100vw - 20rem)';\nexport const resizeDrawerDefaultWidth =\n  'clamp(21.875rem, (100vw - 31.25rem) / 10 + 21.875rem, 31.25rem)';\nexport const resizeDrawerKeyboardStep = 0.05;\n"]}

package/lib/styles/gradients.d.ts

@@ -98,6 +98,8 @@ export declare const colorsForCategories: (count: number, { gradients, steps }?:
     steps?: number[];
 }) => string[];
 export declare const nlpColors: string[];
+export declare const whiteCompatibleNLPColors: string[];
+export declare const blackCompatibleNLPColors: string[];
 export declare const toLinearGradient: (gradient: LinearGradient, { direction }?: {
     direction?: string;
 }) => string;

package/lib/styles/gradients.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/styles/gradients.ts"],"names":[],"mappings":"AAGA,UAAU,SAAS;IACjB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,KAAK,cAAc,GAAG,SAAS,EAAE,CAAC;AAElC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2JvB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,eAAe,cAAc,EAAE,gBAAgB,MAAM,KAAG,MA0CvF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,MAAM,MAAM,OAAO,WAAW,EAC9B,gBAAgB,MAAM,KACrB,MAEF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,EACb,uBAgBG;IAAE,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;CAAO,KACzD,MAAM,EAgBR,CAAC;AAEF,eAAO,MAAM,SAAS,UA4C2D,CAAC;AAElF,eAAO,MAAM,gBAAgB,GAC3B,UAAU,cAAc,EACxB,gBAA0B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,KACpD,MAOF,CAAC"}
+{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/styles/gradients.ts"],"names":[],"mappings":"AAKA,UAAU,SAAS;IACjB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,KAAK,cAAc,GAAG,SAAS,EAAE,CAAC;AAElC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2JvB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,eAAe,cAAc,EAAE,gBAAgB,MAAM,KAAG,MA0CvF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,MAAM,MAAM,OAAO,WAAW,EAC9B,gBAAgB,MAAM,KACrB,MAEF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,EACb,uBAgBG;IAAE,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;CAAO,KACzD,MAAM,EAgBR,CAAC;AAEF,eAAO,MAAM,SAAS,UA4C2D,CAAC;AAElF,eAAO,MAAM,wBAAwB,UAEpC,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAEpC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,UAAU,cAAc,EACxB,gBAA0B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,KACpD,MAOF,CAAC"}

package/lib/styles/gradients.js

@@ -1,5 +1,6 @@
 // cspell:words deutan
-import { mix } from 'polished';
+import { getContrast, mix } from 'polished';
+import { wcagContrast } from './utils';
 export const gradientMap = {
     grayscale: [
         { color: 'hsl(0, 100%, 100%)', position: 0 },
@@ -263,6 +264,8 @@ export const nlpColors = [
     ['violet-rose', 7 / 10],
     ['negative-attention-positive-deutan', 8 / 10]
 ].map(([gradient, position]) => colorInGradient(gradientMap[gradient], position));
+export const whiteCompatibleNLPColors = nlpColors.filter(color => getContrast(color, '#ffffff') >= wcagContrast.AANonText);
+export const blackCompatibleNLPColors = nlpColors.filter(color => getContrast(color, '#000000') >= wcagContrast.AANonText);
 export const toLinearGradient = (gradient, { direction = '180deg' } = {}) => {
     if (gradient.length === 0)
         return 'transparent';