npm - @pega/cosmos-react-core - Versions diffs - 5.0.0-dev.1.0 → 5.0.0-dev.10.1 - Mend

@pega/cosmos-react-core 5.0.0-dev.1.0 → 5.0.0-dev.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2280) hide show

package/lib/i18n/i18n.d.ts CHANGED Viewed

@@ -54,6 +54,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     go: string;
     configure: string;
     dismiss: string;
+    due: string;
     view_all: string;
     view_less: string;
     show_more: string;
@@ -114,6 +115,9 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     error: string;
     warning: string;
     success: string;
+    pass: string;
+    fail: string;
+    did_not_ask: string;
     day_placeholder: string;
     month_placeholder: string;
     year_placeholder: string;
@@ -228,6 +232,8 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     file_upload_text_main: string;
     file_upload_text_one: string;
     file_upload_text_multiple: string;
+    download_file: string;
+    open_file_in_new_tab: string;
     my_current_location_button_a11y: string;
     location_input_placeholder: string;
     location_not_found_text: string;
@@ -263,6 +269,12 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     suggest_article: string;
     suggested: string;
     followed: string;
+    buddy: string;
+    disclaimer: string;
+    references: string;
+    result_available: string;
+    ask: string;
+    error_message: string;
     article_label_a11y: string;
     article_related_links: string;
     article_more_like_this: string;
@@ -271,6 +283,8 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     article_attachments: string;
     likes: string;
     dislikes: string;
+    like: string;
+    dislike: string;
     close_preview: string;
     confirmation_whats_next: string;
     confirmation_open_tasks: string;
@@ -304,6 +318,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     stages_case_lifecycle: string;
     stages_default_case_lifecycle: string;
     stages_stage_label: string;
+    stages_description: string;
     predictions: string;
     all_predictions: string;
     learn_more: string;
@@ -323,6 +338,19 @@ export declare const DefaultTranslation: Readonly<Readonly<{
         many: string;
         other: string;
     };
+    interaction_time_expired: string;
+    interaction_time_remaining: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    interaction_shortcut_goto_info: string;
+    interaction_shortcut_dismiss_info: string;
+    shortcut_GoToIncomingInteraction: string;
+    shortcut_DismissIncomingInteraction: string;
     rte_heading_style: string;
     rte_bold: string;
     rte_italic: string;
@@ -356,6 +384,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     collapse_forwarded_message: string;
     copy_to: string;
     subject_label: string;
+    search_results: string;
     feed_new_post: string;
     feed_new_post_submit: string;
     feed_new_comment: string;
@@ -462,7 +491,11 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     collapse_suggested_replies: string;
     replies_count: string;
     no_suggestion: string;
+    suggestion: string;
     suggested_reply_copied_to_input_field: string;
+    dialogue: string;
+    pega_genAI: string;
+    suggest_reply: string;
     unique_entities: {
         zero: string;
         one: string;
@@ -566,19 +599,6 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     dial_pad_keyboard: string;
     dial_pad_phone_number_input_label: string;
     dial_pad_call_button_label: string;
-    interaction_time_expired: string;
-    interaction_time_remaining: {
-        zero: string;
-        one: string;
-        two: string;
-        few: string;
-        many: string;
-        other: string;
-    };
-    interaction_shortcut_goto_info: string;
-    interaction_shortcut_dismiss_info: string;
-    shortcut_GoToIncomingInteraction: string;
-    shortcut_DismissIncomingInteraction: string;
     select_multiple: string;
     dismiss_case: string;
     task_manager_add_case: string;
@@ -617,8 +637,13 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     open_live_transcript: string;
     close_live_transcript: string;
     download_live_transcript: string;
+    transcripts: string;
     verbatim: string;
     dialog: string;
+    download_transcript: string;
+    follow_up_tasks: string;
+    add_follow_up_task: string;
+    agents_utterance: string;
     sentiment_positive: string;
     sentiment_negative: string;
     sentiment_neutral: string;
@@ -648,9 +673,6 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     condition_builder_compare_with_numeric_value: string;
     condition_builder_compare_with_date_value: string;
     condition_builder_compare_with_time_value: string;
-    condition_builder_compare_with_numeric_range_value: string;
-    condition_builder_compare_with_date_range_value: string;
-    condition_builder_compare_with_time_range_value: string;
     condition_builder_invalid_time_period: string;
     condition_builder_invalid_relative_date: string;
     condition_builder_invalid_value: string;
@@ -955,6 +977,39 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     dev_tools: string;
     active_session_info: string;
     continue_debugging: string;
+    action_task: string;
+    task_object: string;
+    view_rule: string;
+    system_rule: string;
+    record_rule: string;
+    portal_rule: string;
+    persona_rule: string;
+    permission_rule: string;
+    live_data_rule: string;
+    integration_system_rule: string;
+    insight_rule: string;
+    field_rule: string;
+    data_page_rule: string;
+    connector_rule: string;
+    configuration_rule: string;
+    authenticate_rule: string;
+    when_logic: string;
+    validation_logic: string;
+    function_logic: string;
+    decision_step_logic: string;
+    case_wait: string;
+    case_stage: string;
+    case_sla: string;
+    case_process: string;
+    case_go_to: string;
+    case_object: string;
+    set_automation: string;
+    return_automation: string;
+    for_each_automation: string;
+    call_automation: string;
+    append_automation: string;
+    automation_object: string;
+    ai_object: string;
 }>>;
 export declare const direction: (localeTag: string) => 'ltr' | 'rtl';
 //# sourceMappingURL=i18n.d.ts.map

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

	@@ -1 +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,kBAAmB,WAAW,KAAG,SAAS,eAAe,CAEpE,CAAC;AACF,eAAe,MAAM,CAAC;AAEtB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAW,CAAC;AAiB3C,eAAO,MAAM,SAAS,cAAe,MAAM,KAAG,KAAK,GAAG,KAErD,CAAC"}
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,kBAAmB,WAAW,KAAG,SAAS,eAAe,CAEpE,CAAC;AACF,eAAe,MAAM,CAAC;AAEtB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAW,CAAC;AAiB3C,eAAO,MAAM,SAAS,cAAe,MAAM,KAAG,KAAK,GAAG,KAErD,CAAC"}

package/lib/i18n/translate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"translate.js","sourceRoot":"","sources":["../../src/i18n/translate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA4BjC;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,CACpB,WAAc,EACd,MAAc,EACU,EAAE;IAC1B,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IACvE,OAAO,CAAC,CACN,OAA8B,EAC9B,SAAqC,EAAE,EACvC,OAA4B,EACJ,EAAE;QAC1B,IAAI,QAAQ,GAAwB,WAAW,CAAC,OAAO,CAAC,CAAC;QACzD,IAAI,CAAC,QAAQ;YAAE,OAAO,iBAAiB,OAAO,EAAE,CAAC;QACjD,MAAM,MAAM,GAAiB,EAAE,CAAC;QAChC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,MAAM,CACpF,OAAO,EAAE,KAAK,IAAI,CAAC,CACpB,CAAC;YACF,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;SAC3B;QACD,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACpD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACvD,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,EAAE;gBAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC;YAC5E,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QAEhC,oDAAoD;QACpD,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,KAAC,QAAQ,cAAU,IAAI,IAAR,CAAC,CAAmB,CAAC,CAAC;IACtE,CAAC,CAA2B,CAAC;AAC/B,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { Fragment } from 'react';\nimport type { ReactChild, ReactText } from 'react';\n\nimport { TranslationPack } from './i18n';\n\ntype TranslationTemplate = string \| Record<Intl.LDMLPluralRule, string>;\n\n/** * Interface for advanced translation options, like plural forms. /\nexport interface TranslationOptions {\n /\n Value that determines which plural form will be chosen during translation.\n * @default 0\n /\n count?: number;\n /* Discriminator for pluralization type: 'cardinal' or 'ordinal'. /\n pluralType?: Intl.PluralRuleType;\n}\n\n/\n Function that takes translation key with optional tokens and translation options to drive the translation process.\n * Returns translated string with tokens inserted at defined slots.\n /\nexport interface TranslationFunction<T extends Record<string, TranslationTemplate>> {\n (literal: keyof T): string;\n (literal: keyof T, tokens: ReactText[], options?: TranslationOptions): string;\n (literal: keyof T, tokens: ReactChild[], options?: TranslationOptions): JSX.Element[];\n}\n\n/\n Function returns a function capable to translate tokens based on given translation pack and given locale.\n * The passed translation object should be correlated to given locale.\n * @param translation a translation pack (might be default or completely/partially overridden).\n * @param locale locale as BCP 47 language tag. Used for pluralization rules.\n * @returns\n */\nconst translatorFor = <T extends Record<string, TranslationTemplate>>(\n translation: T,\n locale: string\n): TranslationFunction<T> => {\n const cardinalRules = new Intl.PluralRules(locale);\n const ordinalRules = new Intl.PluralRules(locale, { type: 'ordinal' });\n return ((\n literal: keyof TranslationPack,\n tokens: (ReactChild \| ReactText)[] = [],\n options?: TranslationOptions\n ): string \| JSX.Element[] => {\n let template: TranslationTemplate = translation[literal];\n if (!template) return `!unknown key: ${literal}`;\n const result: ReactChild[] = [];\n if (typeof template === 'object') {\n const type = (options?.pluralType === 'ordinal' ? ordinalRules : cardinalRules).select(\n options?.count \|\| 0\n );\n template = template[type];\n }\n template.split(/\\{(\\d+)\\}/g).forEach((chunk, index) => {\n const part = index % 2 ? tokens[Number(chunk)] : chunk;\n if (part !== undefined && part !== '') result.push(part);\n });\n\n if (result.every(part => typeof part === 'string' \|\| typeof part === 'number'))\n return result.join('').trim();\n\n // eslint-disable-next-line react/no-array-index-key\n return result.map((part, i) => <Fragment key={i}>{part}</Fragment>);\n }) as TranslationFunction<T>;\n};\n\nexport default translatorFor;\n"]}
1	+ {"version":3,"file":"translate.js","sourceRoot":"","sources":["../../src/i18n/translate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA4BjC;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,CACpB,WAAc,EACd,MAAc,EACU,EAAE;IAC1B,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IACvE,OAAO,CAAC,CACN,OAA8B,EAC9B,SAAqC,EAAE,EACvC,OAA4B,EACJ,EAAE;QAC1B,IAAI,QAAQ,GAAwB,WAAW,CAAC,OAAO,CAAC,CAAC;QACzD,IAAI,CAAC,QAAQ;YAAE,OAAO,iBAAiB,OAAO,EAAE,CAAC;QACjD,MAAM,MAAM,GAAiB,EAAE,CAAC;QAChC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,MAAM,CACpF,OAAO,EAAE,KAAK,IAAI,CAAC,CACpB,CAAC;YACF,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;SAC3B;QACD,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACpD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACvD,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,EAAE;gBAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC;YAC5E,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QAEhC,oDAAoD;QACpD,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,KAAC,QAAQ,cAAU,IAAI,IAAR,CAAC,CAAmB,CAAC,CAAC;IACtE,CAAC,CAA2B,CAAC;AAC/B,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { Fragment } from 'react';\nimport type { ReactChild, ReactText } from 'react';\n\nimport type { TranslationPack } from './i18n';\n\ntype TranslationTemplate = string \| Record<Intl.LDMLPluralRule, string>;\n\n/** * Interface for advanced translation options, like plural forms. /\nexport interface TranslationOptions {\n /\n Value that determines which plural form will be chosen during translation.\n * @default 0\n /\n count?: number;\n /* Discriminator for pluralization type: 'cardinal' or 'ordinal'. /\n pluralType?: Intl.PluralRuleType;\n}\n\n/\n Function that takes translation key with optional tokens and translation options to drive the translation process.\n * Returns translated string with tokens inserted at defined slots.\n /\nexport interface TranslationFunction<T extends Record<string, TranslationTemplate>> {\n (literal: keyof T): string;\n (literal: keyof T, tokens: ReactText[], options?: TranslationOptions): string;\n (literal: keyof T, tokens: ReactChild[], options?: TranslationOptions): JSX.Element[];\n}\n\n/\n Function returns a function capable to translate tokens based on given translation pack and given locale.\n * The passed translation object should be correlated to given locale.\n * @param translation a translation pack (might be default or completely/partially overridden).\n * @param locale locale as BCP 47 language tag. Used for pluralization rules.\n * @returns\n */\nconst translatorFor = <T extends Record<string, TranslationTemplate>>(\n translation: T,\n locale: string\n): TranslationFunction<T> => {\n const cardinalRules = new Intl.PluralRules(locale);\n const ordinalRules = new Intl.PluralRules(locale, { type: 'ordinal' });\n return ((\n literal: keyof TranslationPack,\n tokens: (ReactChild \| ReactText)[] = [],\n options?: TranslationOptions\n ): string \| JSX.Element[] => {\n let template: TranslationTemplate = translation[literal];\n if (!template) return `!unknown key: ${literal}`;\n const result: ReactChild[] = [];\n if (typeof template === 'object') {\n const type = (options?.pluralType === 'ordinal' ? ordinalRules : cardinalRules).select(\n options?.count \|\| 0\n );\n template = template[type];\n }\n template.split(/\\{(\\d+)\\}/g).forEach((chunk, index) => {\n const part = index % 2 ? tokens[Number(chunk)] : chunk;\n if (part !== undefined && part !== '') result.push(part);\n });\n\n if (result.every(part => typeof part === 'string' \|\| typeof part === 'number'))\n return result.join('').trim();\n\n // eslint-disable-next-line react/no-array-index-key\n return result.map((part, i) => <Fragment key={i}>{part}</Fragment>);\n }) as TranslationFunction<T>;\n};\n\nexport default translatorFor;\n"]}

package/lib/styles/GlobalStyle.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { DefaultTheme } from 'styled-components';
+import type { DefaultTheme } from 'styled-components';
 export declare const globalSpacingStyles: import("styled-components").FlattenSimpleInterpolation;
 export declare const createGlobalRootStyles: ({ base: { scale } }: DefaultTheme) => string;
 export declare const createGlobalBodyStyles: ({ base: { "font-size": baseFontSize, "font-scale": baseFontScale, "font-family": fontFamily, palette: { "foreground-color": foregroundColor }, "line-height": lineHeight }, components: { text } }: DefaultTheme) => string;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../src/styles/GlobalStyle.ts"],"names":[],"mappings":"~~AACA~~,OAAO,~~EAA0B~~,YAAY,EAAE,MAAM,mBAAmB,CAAC;~~AAIzE~~,eAAO,MAAM,mBAAmB,wDAQ/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,wBAAyB,YAAY,WAUvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,uMAShC,YAAY,WAgBd,CAAC;;AAEF,wBA8FG"}
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,wBAAyB,YAAY,WAUvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,uMAShC,YAAY,WAgBd,CAAC;;AAEF,wBA8FG"}

package/lib/styles/GlobalStyle.js.map CHANGED Viewed

	@@ -1 +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,~~EAAgB~~,MAAM,mBAAmB,CAAC;~~AAEzE~~,OAAO,EAAE,iBAAiB,~~EAAY~~,MAAM,SAAS,CAAC;~~AAEtD~~,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAgB,EAAE,EAAE;IAC1E,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK;;GAE1B,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,aAAa,EAAE,UAAU,EACzB,OAAO,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EAChD,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;;GAE5B,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,eAAe,EAAE,YAAY,EAC7B,OAAO,EAAE,EACP,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EAAE,cAAc,EACjC,uBAAuB,EAAE,mBAAmB,EAC7C,EACD,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;;;;;;;eAOV,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;;;;MAItD,eAAe;QACjB,GAAG,CAAA;;2BAEoB,cAAc,IAAI,cAAc;;;;;;;;;;;;8BAY7B,cAAc;;;;8BAId,cAAc;;;;;;;wCAOJ,YAAY;0CACV,cAAc;;;;0CAId,mBAAmB;;;;;;;;;;;;;;;;;KAiBxD;;MAEC,sBAAsB,CAAC,KAAK,CAAC;;QAE3B,sBAAsB,CAAC,KAAK,CAAC;;;;;;;;;;;;GAYlC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { mix } from 'polished';\nimport { createGlobalStyle, css, DefaultTheme } from 'styled-components';\n\nimport { calculateFontSize, 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 } }: 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 }\n `.join('');\n};\n\nexport const createGlobalBodyStyles = ({\n base: {\n 'font-size': baseFontSize,\n 'font-scale': baseFontScale,\n 'font-family': fontFamily,\n palette: { 'foreground-color': foregroundColor },\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 }\n `.join('');\n};\n\nexport default createGlobalStyle(({ theme }) => {\n const {\n base: {\n 'custom-scrollbar': customScrollbar,\n 'border-radius': borderRadius,\n palette: {\n 'foreground-color': foreground,\n 'scrollbar-track': scrollbarTrack,\n 'scrollbar-thumb': scrollbarThumb,\n 'scrollbar-thumb-hover': scrollbarThumbHover\n },\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 ::placeholder {\n color: ${mix(transparent, foreground, backgroundColor)};\n opacity: unset;\n }\n\n ${customScrollbar &&\n css`\n * {\n scrollbar-color: ${scrollbarThumb} ${scrollbarTrack};\n scrollbar-width: thin;\n }\n\n @supports not ((scrollbar-width: thin) or (scrollbar-color: black white)) {\n /* stylelint-disable unit-allowed-list /\n ::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background-color: ${scrollbarTrack};\n }\n\n ::-webkit-scrollbar-corner {\n background-color: ${scrollbarTrack};\n border-bottom-right-radius: inherit;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: transparent;\n border: 3px solid transparent;\n border-radius: calc(1.125 ${borderRadius});\n box-shadow: inset 0 0 2px 4px ${scrollbarThumb};\n }\n\n ::-webkit-scrollbar-thumb:hover {\n box-shadow: inset 0 0 2px 4px ${scrollbarThumbHover};\n }\n\n ::-webkit-scrollbar-track:horizontal {\n border-bottom-left-radius: inherit;\n }\n\n ::-webkit-scrollbar-track:vertical {\n border-top-right-radius: inherit;\n }\n\n / stylelint-disable-next-line selector-pseudo-class-no-unknown /\n ::-webkit-scrollbar-track:not(:corner-present) {\n border-bottom-right-radius: inherit;\n }\n /* stylelint-enable unit-allowed-list */\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"]}
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,EAAgB,EAAE,EAAE;IAC1E,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK;;GAE1B,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,aAAa,EAAE,UAAU,EACzB,OAAO,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EAChD,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;;GAE5B,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,eAAe,EAAE,YAAY,EAC7B,OAAO,EAAE,EACP,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EAAE,cAAc,EACjC,uBAAuB,EAAE,mBAAmB,EAC7C,EACD,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;;;;;;;eAOV,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;;;;MAItD,eAAe;QACjB,GAAG,CAAA;;2BAEoB,cAAc,IAAI,cAAc;;;;;;;;;;;;8BAY7B,cAAc;;;;8BAId,cAAc;;;;;;;wCAOJ,YAAY;0CACV,cAAc;;;;0CAId,mBAAmB;;;;;;;;;;;;;;;;;KAiBxD;;MAEC,sBAAsB,CAAC,KAAK,CAAC;;QAE3B,sBAAsB,CAAC,KAAK,CAAC;;;;;;;;;;;;GAYlC,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 } }: 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 }\n `.join('');\n};\n\nexport const createGlobalBodyStyles = ({\n base: {\n 'font-size': baseFontSize,\n 'font-scale': baseFontScale,\n 'font-family': fontFamily,\n palette: { 'foreground-color': foregroundColor },\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 }\n `.join('');\n};\n\nexport default createGlobalStyle(({ theme }) => {\n const {\n base: {\n 'custom-scrollbar': customScrollbar,\n 'border-radius': borderRadius,\n palette: {\n 'foreground-color': foreground,\n 'scrollbar-track': scrollbarTrack,\n 'scrollbar-thumb': scrollbarThumb,\n 'scrollbar-thumb-hover': scrollbarThumbHover\n },\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 ::placeholder {\n color: ${mix(transparent, foreground, backgroundColor)};\n opacity: unset;\n }\n\n ${customScrollbar &&\n css`\n * {\n scrollbar-color: ${scrollbarThumb} ${scrollbarTrack};\n scrollbar-width: thin;\n }\n\n @supports not ((scrollbar-width: thin) or (scrollbar-color: black white)) {\n /* stylelint-disable unit-allowed-list /\n ::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background-color: ${scrollbarTrack};\n }\n\n ::-webkit-scrollbar-corner {\n background-color: ${scrollbarTrack};\n border-bottom-right-radius: inherit;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: transparent;\n border: 3px solid transparent;\n border-radius: calc(1.125 ${borderRadius});\n box-shadow: inset 0 0 2px 4px ${scrollbarThumb};\n }\n\n ::-webkit-scrollbar-thumb:hover {\n box-shadow: inset 0 0 2px 4px ${scrollbarThumbHover};\n }\n\n ::-webkit-scrollbar-track:horizontal {\n border-bottom-left-radius: inherit;\n }\n\n ::-webkit-scrollbar-track:vertical {\n border-top-right-radius: inherit;\n }\n\n / stylelint-disable-next-line selector-pseudo-class-no-unknown /\n ::-webkit-scrollbar-track:not(:corner-present) {\n border-bottom-right-radius: inherit;\n }\n /* stylelint-enable unit-allowed-list */\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/utils.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { StyledConfig } from 'styled-components';
-import { ContrastScores } from 'polished/lib/types/color';
+import type { StyledConfig } from 'styled-components';
+import type { ContrastScores } from 'polished/lib/types/color';
 export declare const getHoverColors: (color: string) => {
     background: string | undefined;
     foreground: string | undefined;

package/lib/styles/utils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;~~AAYjD~~,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;~~AAK1D~~,eAAO,MAAM,cAAc,UAAW,MAAM;;;CAa3C,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,EAAE,MAAM,CASpE,CAAC;AAEF,eAAO,MAAM,WAAW,WACd,MAAM,UACN,MAAM;;;MAKb,MAqDF,CAAC;AAEF,eAAO,MAAM,SAAS,4GAIpB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;AAWrE,eAAO,MAAM,iBAAiB,iBAAkB,MAAM,iBAAiB,MAAM,GAAG,MAAM,6BAkBrF,CAAC"}
1	+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAYtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK/D,eAAO,MAAM,cAAc,UAAW,MAAM;;;CAa3C,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,EAAE,MAAM,CASpE,CAAC;AAEF,eAAO,MAAM,WAAW,WACd,MAAM,UACN,MAAM;;;MAKb,MAqDF,CAAC;AAEF,eAAO,MAAM,SAAS,4GAIpB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;AAWrE,eAAO,MAAM,iBAAiB,iBAAkB,MAAM,iBAAiB,MAAM,GAAG,MAAM,6BAkBrF,CAAC"}

package/lib/styles/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/styles/utils.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,OAAO,EACP,aAAa,EACb,MAAM,EACN,WAAW,EACX,GAAG,EACH,YAAY,EACZ,SAAS,EACT,IAAI,EACL,MAAM,UAAU,CAAC;AAIlB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;IAC9C,MAAM,mBAAmB,GAAG,QAAQ,CAClC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,SAAS,EACjC,GAAG,EAAE,CAAC,CAAC,CACR,CAAC;IACF,IAAI,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IACrD,IAAI,kBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAC5E,IAAI,mBAAmB,GAAG,IAAI,EAAE;QAC9B,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;QAChD,kBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;KACxE;IAED,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,YAAY,GAAuD;IACvE,iDAAiD;IACjD,EAAE,EAAE,GAAG;IACP,OAAO,EAAE,CAAC;IACV,kDAAkD;IAClD,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,GAAG;IACb,kDAAkD;IAClD,SAAS,EAAE,CAAC;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,MAAc,EACd,MAAc,EACd,EACE,IAAI,GAAG,MAAM,EACb,KAAK,GAAG,IAAI,KACwE,EAAE,EAChF,EAAE;IACV,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE5E,IAAI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,WAAW;QAAE,OAAO,MAAM,CAAC;IAE9D,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAE3D,IAAI,aAAa,GAAG,IAAI,CAAC;IACzB,IAAI,YAAY,GAAG,IAAI,CAAC;IAExB,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,UAAU,GAAG,EAAE,CAAC;IAEpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE;QACjC,IAAI,aAAa,EAAE;YACjB,MAAM,UAAU,GAAG,GAAG,CAAC;gBACrB,GAAG,aAAa;gBAChB,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC;aACtC,CAAC,CAAC;YAEH,IAAI,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,IAAI,WAAW,EAAE;gBAClD,IAAI,IAAI,KAAK,MAAM;oBAAE,OAAO,UAAU,CAAC;gBAEvC,aAAa,GAAG,KAAK,CAAC;gBACtB,WAAW,GAAG,UAAU,CAAC;aAC1B;YAED,IAAI,SAAS,GAAG,CAAC,IAAI,CAAC;gBAAE,aAAa,GAAG,KAAK,CAAC;SAC/C;QAED,IAAI,YAAY,EAAE;YAChB,MAAM,QAAQ,GAAG,GAAG,CAAC;gBACnB,GAAG,aAAa;gBAChB,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC;aACtC,CAAC,CAAC;YAEH,IAAI,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,WAAW,EAAE;gBAChD,IAAI,IAAI,KAAK,OAAO;oBAAE,OAAO,QAAQ,CAAC;gBAEtC,YAAY,GAAG,KAAK,CAAC;gBACrB,UAAU,GAAG,QAAQ,CAAC;aACvB;YAED,IAAI,SAAS,GAAG,CAAC,IAAI,CAAC;gBAAE,YAAY,GAAG,KAAK,CAAC;SAC9C;QAED,IAAI,CAAC,aAAa,IAAI,CAAC,YAAY;YAAE,MAAM;KAC5C;IAED,IAAI,WAAW;QAAE,OAAO,WAAW,CAAC;IACpC,IAAI,UAAU;QAAE,OAAO,UAAU,CAAC;IAElC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,GAAG,KAA6C,EAC/B,EAAE,CAAC,CAAC;IACrB,iBAAiB,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC;CACnG,CAAC,CAAC;AAGH,MAAM,QAAQ,GAAG;IACf,GAAG,EAAE,CAAC,CAAC;IACP,EAAE,EAAE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,EAAE,EAAE,CAAC;IACL,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,YAAoB,EAAE,aAA8B,EAAE,EAAE;IACxF,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;QAC7C,MAAM,WAAW,GAAG,QAAQ,CAC1B,GAAG,EAAE,CACH,aAAa,KAAK,QAAQ;YACxB,CAAC,CAAC,IAAI,CAAC,GAAG,YAAY,OAAO,KAAK,eAAe,CAAC;YAClD,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,EAAE,aAAkC,CAAC,EAC3E,GAAG,EAAE,CAAC,YAAY,CACnB,CAAC;QAEF,IAAI,IAAI,KAAK,IAAI,IAAI,MAAM,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE;YAC1E,OAAO,CAAC,IAAI,EAAE,aAAa,YAAY,sBAAsB,CAAC,CAAC;SAChE;QAED,OAAO,CAAC,IAAI,EAAE,OAAO,WAAW,SAAS,CAAC,CAAC;IAC7C,CAAC,CAAC,CACyB,CAAC;AAChC,CAAC,CAAC","sourcesContent":["import { StyledConfig } from 'styled-components';\nimport {\n parseToHsl,\n lighten,\n readableColor,\n darken,\n getContrast,\n hsl,\n modularScale,\n stripUnit,\n math\n} from 'polished';\nimport { ContrastScores } from 'polished/lib/types/color';\nimport { ModularScaleRatio } from 'polished/lib/types/modularScaleRatio';\n\nimport { tryCatch } from '../utils';\n\nexport const getHoverColors = (color: string) => {\n const backgroundLightness = tryCatch(\n () => parseToHsl(color).lightness,\n () => 1\n );\n let hoverColor = tryCatch(() => lighten(0.1, color));\n let hoverContrastColor = tryCatch(() => readableColor(lighten(0.1, color)));\n if (backgroundLightness > 0.35) {\n hoverColor = tryCatch(() => darken(0.1, color));\n hoverContrastColor = tryCatch(() => readableColor(darken(0.1, color)));\n }\n\n return { background: hoverColor, foreground: hoverContrastColor };\n};\n\nconst wcagContrast: Record<keyof ContrastScores \| 'AANonText', number> = {\n // https://www.w3.org/TR/WCAG21/#contrast-minimum\n AA: 4.5,\n AALarge: 3,\n // https://www.w3.org/TR/WCAG21/#contrast-enhanced\n AAA: 7,\n AAALarge: 4.5,\n // https://www.w3.org/TR/WCAG21/#non-text-contrast\n AANonText: 3\n};\n\nexport const readableHue = (\n color1: string,\n color2: string,\n {\n mode = 'both',\n level = 'AA'\n }: { mode?: 'light' \| 'dark' \| 'both'; level?: keyof typeof wcagContrast \| number } = {}\n): string => {\n const minContrast = typeof level === 'string' ? wcagContrast[level] : level;\n\n if (getContrast(color1, color2) >= minContrast) return color1;\n\n const { lightness, ...hueSaturation } = parseToHsl(color1);\n\n let shouldLighten = true;\n let shouldDarken = true;\n\n let lightEnough = '';\n let darkEnough = '';\n\n for (let i = 0; i <= 1; i += 0.01) {\n if (shouldLighten) {\n const lightented = hsl({\n ...hueSaturation,\n lightness: Math.min(lightness + i, 1)\n });\n\n if (getContrast(lightented, color2) >= minContrast) {\n if (mode !== 'dark') return lightented;\n\n shouldLighten = false;\n lightEnough = lightented;\n }\n\n if (lightness + i >= 1) shouldLighten = false;\n }\n\n if (shouldDarken) {\n const darkened = hsl({\n ...hueSaturation,\n lightness: Math.max(lightness - i, 0)\n });\n\n if (getContrast(darkened, color2) >= minContrast) {\n if (mode !== 'light') return darkened;\n\n shouldDarken = false;\n darkEnough = darkened;\n }\n\n if (lightness - i <= 0) shouldDarken = false;\n }\n\n if (!shouldLighten && !shouldDarken) break;\n }\n\n if (lightEnough) return lightEnough;\n if (darkEnough) return darkEnough;\n\n return readableColor(color2);\n};\n\nexport const omitProps = <O extends object = Record<PropertyKey, unknown>>(\n ...props: [prop: keyof O, ...props: (keyof O)[]]\n): StyledConfig<O> => ({\n shouldForwardProp: (prop, defaultValidatorFn) => !props.includes(prop) && defaultValidatorFn(prop)\n});\n\nexport type FontSize = 'xxs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| 'xxl';\nconst stepsMap = {\n xxs: -2,\n xs: -1,\n s: 0,\n m: 1,\n l: 2,\n xl: 3,\n xxl: 4\n};\n\nexport const calculateFontSize = (baseFontSize: string, baseFontScale: string \| number) => {\n return Object.fromEntries(\n Object.entries(stepsMap).map(([size, steps]) => {\n const calculation = tryCatch(\n () =>\n baseFontScale === 'linear'\n ? math(`${baseFontSize} + (${steps} * 0.0625rem)`)\n : modularScale(steps, baseFontSize, baseFontScale as ModularScaleRatio),\n () => baseFontSize\n );\n\n if (size === 'xs' && Number.parseFloat(`${stripUnit(calculation)}`) < 0.75) {\n return [size, `max(calc((${baseFontSize} + 12px) / 2), 12px)`];\n }\n\n return [size, `max(${calculation}, 12px)`];\n })\n ) as Record<FontSize, string>;\n};\n"]}
1	+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/styles/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { StyledConfig } from 'styled-components';\nimport {\n parseToHsl,\n lighten,\n readableColor,\n darken,\n getContrast,\n hsl,\n modularScale,\n stripUnit,\n math\n} from 'polished';\nimport type { ContrastScores } from 'polished/lib/types/color';\nimport type { ModularScaleRatio } from 'polished/lib/types/modularScaleRatio';\n\nimport { tryCatch } from '../utils';\n\nexport const getHoverColors = (color: string) => {\n const backgroundLightness = tryCatch(\n () => parseToHsl(color).lightness,\n () => 1\n );\n let hoverColor = tryCatch(() => lighten(0.1, color));\n let hoverContrastColor = tryCatch(() => readableColor(lighten(0.1, color)));\n if (backgroundLightness > 0.35) {\n hoverColor = tryCatch(() => darken(0.1, color));\n hoverContrastColor = tryCatch(() => readableColor(darken(0.1, color)));\n }\n\n return { background: hoverColor, foreground: hoverContrastColor };\n};\n\nconst wcagContrast: Record<keyof ContrastScores \| 'AANonText', number> = {\n // https://www.w3.org/TR/WCAG21/#contrast-minimum\n AA: 4.5,\n AALarge: 3,\n // https://www.w3.org/TR/WCAG21/#contrast-enhanced\n AAA: 7,\n AAALarge: 4.5,\n // https://www.w3.org/TR/WCAG21/#non-text-contrast\n AANonText: 3\n};\n\nexport const readableHue = (\n color1: string,\n color2: string,\n {\n mode = 'both',\n level = 'AA'\n }: { mode?: 'light' \| 'dark' \| 'both'; level?: keyof typeof wcagContrast \| number } = {}\n): string => {\n const minContrast = typeof level === 'string' ? wcagContrast[level] : level;\n\n if (getContrast(color1, color2) >= minContrast) return color1;\n\n const { lightness, ...hueSaturation } = parseToHsl(color1);\n\n let shouldLighten = true;\n let shouldDarken = true;\n\n let lightEnough = '';\n let darkEnough = '';\n\n for (let i = 0; i <= 1; i += 0.01) {\n if (shouldLighten) {\n const lightented = hsl({\n ...hueSaturation,\n lightness: Math.min(lightness + i, 1)\n });\n\n if (getContrast(lightented, color2) >= minContrast) {\n if (mode !== 'dark') return lightented;\n\n shouldLighten = false;\n lightEnough = lightented;\n }\n\n if (lightness + i >= 1) shouldLighten = false;\n }\n\n if (shouldDarken) {\n const darkened = hsl({\n ...hueSaturation,\n lightness: Math.max(lightness - i, 0)\n });\n\n if (getContrast(darkened, color2) >= minContrast) {\n if (mode !== 'light') return darkened;\n\n shouldDarken = false;\n darkEnough = darkened;\n }\n\n if (lightness - i <= 0) shouldDarken = false;\n }\n\n if (!shouldLighten && !shouldDarken) break;\n }\n\n if (lightEnough) return lightEnough;\n if (darkEnough) return darkEnough;\n\n return readableColor(color2);\n};\n\nexport const omitProps = <O extends object = Record<PropertyKey, unknown>>(\n ...props: [prop: keyof O, ...props: (keyof O)[]]\n): StyledConfig<O> => ({\n shouldForwardProp: (prop, defaultValidatorFn) => !props.includes(prop) && defaultValidatorFn(prop)\n});\n\nexport type FontSize = 'xxs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| 'xxl';\nconst stepsMap = {\n xxs: -2,\n xs: -1,\n s: 0,\n m: 1,\n l: 2,\n xl: 3,\n xxl: 4\n};\n\nexport const calculateFontSize = (baseFontSize: string, baseFontScale: string \| number) => {\n return Object.fromEntries(\n Object.entries(stepsMap).map(([size, steps]) => {\n const calculation = tryCatch(\n () =>\n baseFontScale === 'linear'\n ? math(`${baseFontSize} + (${steps} * 0.0625rem)`)\n : modularScale(steps, baseFontSize, baseFontScale as ModularScaleRatio),\n () => baseFontSize\n );\n\n if (size === 'xs' && Number.parseFloat(`${stripUnit(calculation)}`) < 0.75) {\n return [size, `max(calc((${baseFontSize} + 12px) / 2), 12px)`];\n }\n\n return [size, `max(${calculation}, 12px)`];\n })\n ) as Record<FontSize, string>;\n};\n"]}

package/lib/theme/ThemeMachine.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { DeepPartial } from '../types';
+import type { DeepPartial } from '../types';
 export interface ThemeLeaf<Value> {
     $type: string;
     $value: Value;

package/lib/theme/ThemeMachine.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeMachine.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeMachine.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;~~AAEvC~~,MAAM,WAAW,SAAS,CAAC,KAAK;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,KAAK,IAAI,IAAI,SAAS,SAAS,CAAC,MAAM,OAAO,CAAC,GACrF,CAAC,OAAO,SAAS,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,SAAS,GAC/D,IAAI,SAAS,MAAM,GACnB;IACE,QAAQ,EAAE,GAAG,IAAI,MAAM,IAAI,IAAI,GAAG,SAAS,UAAU,GAAG,KAAK,GAAG,GAAG,GAAG,YAAY,CAChF,IAAI,CAAC,GAAG,CAAC,EACT,SAAS,CACV;CACF,GACD,IAAI,GAAG,SAAS,CAAC;AAErB,MAAM,MAAM,aAAa,CAAC,GAAG,SAAS,eAAe,IAAI,WAAW,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhG,eAAO,MAAM,cAAc,eAA6D,CAAC;AAEzF,MAAM,WAAW,gBAAgB,CAAC,UAAU,SAAS,eAAe;IAClE,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAE5C,UAAU,EAAE,UAAU,CAAC;IAEvB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,cAAM,YAAY,CAAC,UAAU,SAAS,eAAe,CAAE,YAAW,gBAAgB,CAAC,UAAU,CAAC;IAC5F,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAE5C,UAAU,EAAE,UAAU,CAAC;IAEvB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEzC,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO;IAevC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC;gBAyD9D,EACV,KAAuC,EACvC,MAAM,EACN,UAAU,EACX,EACG;QACE,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAClC,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;QACrC,UAAU,CAAC,EAAE,KAAK,CAAC;KACpB,GACD;QAAE,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAAC,MAAM,CAAC,EAAE,KAAK,CAAC;QAAC,UAAU,EAAE,UAAU,CAAA;KAAE;CAMlF;AAED,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"ThemeMachine.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeMachine.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,SAAS,CAAC,KAAK;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,KAAK,IAAI,IAAI,SAAS,SAAS,CAAC,MAAM,OAAO,CAAC,GACrF,CAAC,OAAO,SAAS,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,SAAS,GAC/D,IAAI,SAAS,MAAM,GACnB;IACE,QAAQ,EAAE,GAAG,IAAI,MAAM,IAAI,IAAI,GAAG,SAAS,UAAU,GAAG,KAAK,GAAG,GAAG,GAAG,YAAY,CAChF,IAAI,CAAC,GAAG,CAAC,EACT,SAAS,CACV;CACF,GACD,IAAI,GAAG,SAAS,CAAC;AAErB,MAAM,MAAM,aAAa,CAAC,GAAG,SAAS,eAAe,IAAI,WAAW,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhG,eAAO,MAAM,cAAc,eAA6D,CAAC;AAEzF,MAAM,WAAW,gBAAgB,CAAC,UAAU,SAAS,eAAe;IAClE,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAE5C,UAAU,EAAE,UAAU,CAAC;IAEvB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,cAAM,YAAY,CAAC,UAAU,SAAS,eAAe,CAAE,YAAW,gBAAgB,CAAC,UAAU,CAAC;IAC5F,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAE5C,UAAU,EAAE,UAAU,CAAC;IAEvB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEzC,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO;IAevC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC;gBAyD9D,EACV,KAAuC,EACvC,MAAM,EACN,UAAU,EACX,EACG;QACE,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAClC,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;QACrC,UAAU,CAAC,EAAE,KAAK,CAAC;KACpB,GACD;QAAE,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAAC,MAAM,CAAC,EAAE,KAAK,CAAC;QAAC,UAAU,EAAE,UAAU,CAAA;KAAE;CAMlF;AAED,eAAe,YAAY,CAAC"}

package/lib/theme/ThemeMachine.js CHANGED Viewed

@@ -1,6 +1,10 @@
 import { deepGet, defineSmartGetter } from '../utils';
 export const resetToInitial = Symbol.for('@pega/cosmos-react-core.theme.resetToInitial');
 class ThemeMachine {
+    parent;
+    definition;
+    overrides;
+    theme;
     overrideInTree(keys) {
         let ancestor = this;
         const fullProp = keys.join('.');
@@ -60,30 +64,6 @@ class ThemeMachine {
         return constructForNode();
     }
     constructor({ theme = {}, parent, definition }) {
-        Object.defineProperty(this, "parent", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "definition", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "overrides", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "theme", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
         this.parent = parent ?? null;
         this.definition = parent ? parent.definition : definition;
         this.overrides = new Map();

package/lib/theme/ThemeMachine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeMachine.js","sourceRoot":"","sources":["../../src/theme/ThemeMachine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA2BtD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,8CAA8C,CAAC,CAAC;AAYzF,MAAM,YAAY;~~IAShB~~,cAAc,CAAC,IAAc;QAC3B,IAAI,QAAQ,GAAwC,IAAI,CAAC;QACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEhC,OAAO,QAAQ,EAAE;YACf,0CAA0C;YAC1C,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAE9B,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;gBAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAChF,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;SAC5B;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,cAAc,CAAC,KAAgC;QAC7C,MAAM,gBAAgB,GAAG,CAAC,OAAiB,EAAE,EAAE,EAAE;YAC/C,MAAM,SAAS,GAAwB,EAAE,CAAC;YAE1C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBACxD,wBAAwB;gBACxB,IAAI,GAAG,KAAK,UAAU;oBAAE,OAAO;gBAE/B,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC;gBAChC,MAAM,OAAO,GAAwB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;gBAExE,sDAAsD;gBACtD,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS,EAAE;oBAC/B,mCAAmC;oBACnC,iBAAiB,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACpE,OAAO;iBACR;gBAED,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAE5C,oDAAoD;gBACpD,IAAI,UAAU,KAAK,SAAS,EAAE;oBAC5B,mDAAmD;oBACnD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,KAAK,cAAc,CAAC,CAAC;iBACvE;gBAED,4GAA4G;gBAC5G,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,cAAc,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;oBACnF,6BAA6B;oBAC7B,SAAS,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;iBAC7B;gBAED,qEAAqE;qBAChE,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;oBACtC,wCAAwC;oBACxC,iBAAiB,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,MAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;iBAChF;gBAED,uCAAuC;qBAClC,IAAI,OAAO,CAAC,KAAK,KAAK,WAAW,EAAE;oBACtC,4DAA4D;oBAC5D,iBAAiB,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;iBACzF;gBAED,qCAAqC;qBAChC,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS,EAAE;oBACpC,6CAA6C;oBAC7C,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;iBACjC;YACH,CAAC,CAAC,CAAC;YAEH,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC;QAEF,OAAO,gBAAgB,EAA8B,CAAC;IACxD,CAAC;IAED,YAAY,EACV,KAAK,GAAG,EAA+B,EACvC,MAAM,EACN,UAAU,EAOqE;~~QA1FjF;;;;;WAA4C;QAE5C;;;;;WAAuB;QAEvB;;;;;WAAgC;QAEvB;;;;;WAAgC;QAqFvC~~,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC;QAC7B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;QAC1D,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;CACF;AAED,eAAe,YAAY,CAAC","sourcesContent":["import { deepGet, defineSmartGetter } from '../utils';\nimport { DeepPartial } from '../types';\n\nexport interface ThemeLeaf<Value> {\n $type: string;\n $value: Value;\n $constant?: boolean;\n $comment?: string;\n}\n\nexport type ThemeDefinition = {\n [key: string]: ThemeLeaf<unknown> \| ThemeDefinition;\n};\n\nexport type ToThemeIFace<Node, Extension = never> = Node extends ThemeLeaf<infer LeafVal>\n ? (LeafVal extends null ? LeafVal \| string : LeafVal) \| Extension\n : Node extends object\n ? {\n readonly [Key in keyof Node as Key extends '$comment' ? never : Key]: ToThemeIFace<\n Node[Key],\n Extension\n >;\n }\n : Node \| Extension;\n\nexport type SettableTheme<Def extends ThemeDefinition> = DeepPartial<ToThemeIFace<Def, symbol>>;\n\nexport const resetToInitial = Symbol.for('@pega/cosmos-react-core.theme.resetToInitial');\n\nexport interface ThemeMachineLike<Definition extends ThemeDefinition> {\n parent: ThemeMachineLike<Definition> \| null;\n\n definition: Definition;\n\n overrides: Map<string, boolean>;\n\n readonly theme: ToThemeIFace<Definition>;\n}\n\nclass ThemeMachine<Definition extends ThemeDefinition> implements ThemeMachineLike<Definition> {\n parent: ThemeMachineLike<Definition> \| null;\n\n definition: Definition;\n\n overrides: Map<string, boolean>;\n\n readonly theme: ToThemeIFace<Definition>;\n\n overrideInTree(keys: string[]): boolean {\n let ancestor: ThemeMachineLike<Definition> \| null = this;\n const fullProp = keys.join('.');\n\n while (ancestor) {\n // Trigger getters in the ancestor themes.\n deepGet(ancestor.theme, keys);\n\n if (ancestor.overrides.has(fullProp)) return !!ancestor.overrides.get(fullProp);\n ancestor = ancestor.parent;\n }\n\n return false;\n }\n\n constructTheme(theme: SettableTheme<Definition>): ToThemeIFace<Definition> {\n const constructForNode = (keys: string[] = []) => {\n const themeNode: Record<string, any> = {};\n\n Object.keys(deepGet(this.definition, keys)).forEach(key => {\n // Ignore comment nodes.\n if (key === '$comment') return;\n\n const propKeys = [...keys, key];\n const defNode: Record<string, any> = deepGet(this.definition, propKeys);\n\n // If it is not a leaf node of the theme definition...\n if (defNode.$type === undefined) {\n // recursively run for child nodes.\n defineSmartGetter(themeNode, key, () => constructForNode(propKeys));\n return;\n }\n\n const themeValue = deepGet(theme, propKeys);\n\n // If a theme value was set for this ThemeMachine...\n if (themeValue !== undefined) {\n // set overrides to true, unless it is being reset.\n this.overrides.set(propKeys.join('.'), themeValue !== resetToInitial);\n }\n\n // If a theme value was set for this ThemeMachine, is not being reset, and is for a non-constant property...\n if (themeValue !== undefined && themeValue !== resetToInitial && !defNode.$constant) {\n // set to the provided value.\n themeNode[key] = themeValue;\n }\n\n // If the property has been overridden in the tree (and not reset)...\n else if (this.overrideInTree(propKeys)) {\n // set to the value in the parent theme.\n defineSmartGetter(themeNode, key, () => deepGet(this.parent!.theme, propKeys));\n }\n\n // If the property type is inherited...\n else if (defNode.$type === 'inherited') {\n // set to the value of the inherited property in this theme.\n defineSmartGetter(themeNode, key, () => deepGet(this.theme, defNode.$value.split('.')));\n }\n\n // If the property type is literal...\n else if (defNode.$type === 'literal') {\n // set to the value listed in the definition.\n themeNode[key] = defNode.$value;\n }\n });\n\n return themeNode;\n };\n\n return constructForNode() as ToThemeIFace<Definition>;\n }\n\n constructor({\n theme = {} as SettableTheme<Definition>,\n parent,\n definition\n }:\n \| {\n theme?: SettableTheme<Definition>;\n parent: ThemeMachineLike<Definition>;\n definition?: never;\n }\n \| { theme?: SettableTheme<Definition>; parent?: never; definition: Definition }) {\n this.parent = parent ?? null;\n this.definition = parent ? parent.definition : definition;\n this.overrides = new Map();\n this.theme = this.constructTheme(theme);\n }\n}\n\nexport default ThemeMachine;\n"]}
1	+ {"version":3,"file":"ThemeMachine.js","sourceRoot":"","sources":["../../src/theme/ThemeMachine.ts"],"names":[],"mappings":"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","sourcesContent":["import { deepGet, defineSmartGetter } from '../utils';\nimport type { DeepPartial } from '../types';\n\nexport interface ThemeLeaf<Value> {\n $type: string;\n $value: Value;\n $constant?: boolean;\n $comment?: string;\n}\n\nexport type ThemeDefinition = {\n [key: string]: ThemeLeaf<unknown> \| ThemeDefinition;\n};\n\nexport type ToThemeIFace<Node, Extension = never> = Node extends ThemeLeaf<infer LeafVal>\n ? (LeafVal extends null ? LeafVal \| string : LeafVal) \| Extension\n : Node extends object\n ? {\n readonly [Key in keyof Node as Key extends '$comment' ? never : Key]: ToThemeIFace<\n Node[Key],\n Extension\n >;\n }\n : Node \| Extension;\n\nexport type SettableTheme<Def extends ThemeDefinition> = DeepPartial<ToThemeIFace<Def, symbol>>;\n\nexport const resetToInitial = Symbol.for('@pega/cosmos-react-core.theme.resetToInitial');\n\nexport interface ThemeMachineLike<Definition extends ThemeDefinition> {\n parent: ThemeMachineLike<Definition> \| null;\n\n definition: Definition;\n\n overrides: Map<string, boolean>;\n\n readonly theme: ToThemeIFace<Definition>;\n}\n\nclass ThemeMachine<Definition extends ThemeDefinition> implements ThemeMachineLike<Definition> {\n parent: ThemeMachineLike<Definition> \| null;\n\n definition: Definition;\n\n overrides: Map<string, boolean>;\n\n readonly theme: ToThemeIFace<Definition>;\n\n overrideInTree(keys: string[]): boolean {\n let ancestor: ThemeMachineLike<Definition> \| null = this;\n const fullProp = keys.join('.');\n\n while (ancestor) {\n // Trigger getters in the ancestor themes.\n deepGet(ancestor.theme, keys);\n\n if (ancestor.overrides.has(fullProp)) return !!ancestor.overrides.get(fullProp);\n ancestor = ancestor.parent;\n }\n\n return false;\n }\n\n constructTheme(theme: SettableTheme<Definition>): ToThemeIFace<Definition> {\n const constructForNode = (keys: string[] = []) => {\n const themeNode: Record<string, any> = {};\n\n Object.keys(deepGet(this.definition, keys)).forEach(key => {\n // Ignore comment nodes.\n if (key === '$comment') return;\n\n const propKeys = [...keys, key];\n const defNode: Record<string, any> = deepGet(this.definition, propKeys);\n\n // If it is not a leaf node of the theme definition...\n if (defNode.$type === undefined) {\n // recursively run for child nodes.\n defineSmartGetter(themeNode, key, () => constructForNode(propKeys));\n return;\n }\n\n const themeValue = deepGet(theme, propKeys);\n\n // If a theme value was set for this ThemeMachine...\n if (themeValue !== undefined) {\n // set overrides to true, unless it is being reset.\n this.overrides.set(propKeys.join('.'), themeValue !== resetToInitial);\n }\n\n // If a theme value was set for this ThemeMachine, is not being reset, and is for a non-constant property...\n if (themeValue !== undefined && themeValue !== resetToInitial && !defNode.$constant) {\n // set to the provided value.\n themeNode[key] = themeValue;\n }\n\n // If the property has been overridden in the tree (and not reset)...\n else if (this.overrideInTree(propKeys)) {\n // set to the value in the parent theme.\n defineSmartGetter(themeNode, key, () => deepGet(this.parent!.theme, propKeys));\n }\n\n // If the property type is inherited...\n else if (defNode.$type === 'inherited') {\n // set to the value of the inherited property in this theme.\n defineSmartGetter(themeNode, key, () => deepGet(this.theme, defNode.$value.split('.')));\n }\n\n // If the property type is literal...\n else if (defNode.$type === 'literal') {\n // set to the value listed in the definition.\n themeNode[key] = defNode.$value;\n }\n });\n\n return themeNode;\n };\n\n return constructForNode() as ToThemeIFace<Definition>;\n }\n\n constructor({\n theme = {} as SettableTheme<Definition>,\n parent,\n definition\n }:\n \| {\n theme?: SettableTheme<Definition>;\n parent: ThemeMachineLike<Definition>;\n definition?: never;\n }\n \| { theme?: SettableTheme<Definition>; parent?: never; definition: Definition }) {\n this.parent = parent ?? null;\n this.definition = parent ? parent.definition : definition;\n this.overrides = new Map();\n this.theme = this.constructTheme(theme);\n }\n}\n\nexport default ThemeMachine;\n"]}

package/lib/theme/theme.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import ThemeMachine, { ToThemeIFace, SettableTheme } from './ThemeMachine';
+import ThemeMachine from './ThemeMachine';
+import type { ToThemeIFace, SettableTheme } from './ThemeMachine';
 import defaultThemeDefinition from './themeDefinition.json';
 export type DefaultThemeDefinition = typeof defaultThemeDefinition;
 export { defaultThemeDefinition as themeDefinition };
@@ -539,10 +540,6 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $type: string;
                 $value: string;
             };
-            "border-radius": {
-                $type: string;
-                $value: string;
-            };
         };
         badges: {
             status: {
@@ -886,6 +883,27 @@ export declare const BaseThemeMachine: ThemeMachine<{
                 $value: string;
             };
         };
+        icon: {
+            size: {
+                s: {
+                    $type: string;
+                    $value: string;
+                };
+                m: {
+                    $type: string;
+                    $value: string;
+                };
+                l: {
+                    $type: string;
+                    $value: string;
+                };
+            };
+            "border-radius-multiplier": {
+                $comment: string;
+                $type: string;
+                $value: string;
+            };
+        };
         "interaction-timer": {
             "notification-indicator": {
                 $type: string;
@@ -1559,7 +1577,6 @@ export declare const WorkTheme: {
         };
         readonly avatar: {
             readonly "background-color": string;
-            readonly "border-radius": string;
         };
         readonly badges: {
             readonly status: {
@@ -1705,6 +1722,14 @@ export declare const WorkTheme: {
             readonly "border-width": string;
             readonly "border-radius": string;
         };
+        readonly icon: {
+            readonly size: {
+                readonly s: string;
+                readonly m: string;
+                readonly l: string;
+            };
+            readonly "border-radius-multiplier": string;
+        };
         readonly "interaction-timer": {
             readonly "notification-indicator": string;
             readonly sla: {
@@ -2083,7 +2108,6 @@ export declare const defaultThemeProp: Readonly<{
             };
             readonly avatar: {
                 readonly "background-color": string;
-                readonly "border-radius": string;
             };
             readonly badges: {
                 readonly status: {
@@ -2229,6 +2253,14 @@ export declare const defaultThemeProp: Readonly<{
                 readonly "border-width": string;
                 readonly "border-radius": string;
             };
+            readonly icon: {
+                readonly size: {
+                    readonly s: string;
+                    readonly m: string;
+                    readonly l: string;
+                };
+                readonly "border-radius-multiplier": string;
+            };
             readonly "interaction-timer": {
                 readonly "notification-indicator": string;
                 readonly sla: {

package/lib/theme/theme.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,~~YAAY~~,~~EAAE~~,EAAE,YAAY,EAAE,aAAa,~~EAAkB~~,MAAM,gBAAgB,CAAC;~~AAC3F~~,OAAO,sBAAsB,MAAM,wBAAwB,CAAC;AAE5D,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAC;AAEnE,OAAO,EAAE,sBAAsB,IAAI,eAAe,EAAE,CAAC;AAErD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2D,CAAC;AAEzF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAyB,CAAC;AAYhD,eAAO,MAAM,UAAU,EAAE,oBAAgD,CAAC;AAE1E,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAsC,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAGhF,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAiB,YAAa,SAAQ,YAAY,CAAC,OAAO,sBAAsB,CAAC;KAAG;CACrF"}
1	+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}

package/lib/theme/theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,EAAE,~~EAA+B~~,cAAc,EAAE,MAAM,gBAAgB,CAAC;~~AAC3F~~,OAAO,sBAAsB,MAAM,wBAAwB,CAAC;AAI5D,OAAO,EAAE,sBAAsB,IAAI,eAAe,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,YAAY,CAAC,EAAE,UAAU,EAAE,sBAAsB,EAAE,CAAC,CAAC;AAEzF,MAAM,CAAC,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAEhD,MAAM,cAAc,GAAG,CAAC,GAA4B,EAA2B,EAAE;IAC/E,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QACrC,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ;YAChC,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,GAA8B,CAAC,CAAC,CAAC;QAC/D,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IAC/B,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAyB,cAAc,CAAC,SAAS,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC","sourcesContent":["import ThemeMachine, { ToThemeIFace, SettableTheme, ~~resetToInitial~~ } from './ThemeMachine';\nimport defaultThemeDefinition from './themeDefinition.json';\n\nexport type DefaultThemeDefinition = typeof defaultThemeDefinition;\n\nexport { defaultThemeDefinition as themeDefinition };\n\nexport const BaseThemeMachine = new ThemeMachine({ definition: defaultThemeDefinition });\n\nexport const WorkTheme = BaseThemeMachine.theme;\n\nconst makeResetTheme = (obj: Record<string, unknown>): Record<string, unknown> => {\n return Object.fromEntries(\n Object.entries(obj).map(([key, val]) => {\n if (val && typeof val === 'object')\n return [key, makeResetTheme(val as Record<string, unknown>)];\n return [key, resetToInitial];\n })\n );\n};\n\nexport const ResetTheme: DefaultSettableTheme = makeResetTheme(WorkTheme);\n\nexport const defaultThemeProp = Object.freeze({ theme: WorkTheme });\n\nexport type DefaultSettableTheme = SettableTheme<typeof defaultThemeDefinition>;\n\n// https://styled-components.com/docs/api#create-a-declarations-file\ndeclare module 'styled-components' {\n export interface DefaultTheme extends ToThemeIFace<typeof defaultThemeDefinition> {}\n}\n"]}
1	+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,EAAE,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,sBAAsB,MAAM,wBAAwB,CAAC;AAI5D,OAAO,EAAE,sBAAsB,IAAI,eAAe,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,YAAY,CAAC,EAAE,UAAU,EAAE,sBAAsB,EAAE,CAAC,CAAC;AAEzF,MAAM,CAAC,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAEhD,MAAM,cAAc,GAAG,CAAC,GAA4B,EAA2B,EAAE;IAC/E,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QACrC,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ;YAChC,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,GAA8B,CAAC,CAAC,CAAC;QAC/D,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IAC/B,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAyB,cAAc,CAAC,SAAS,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC","sourcesContent":["import ThemeMachine, { resetToInitial } from './ThemeMachine';\nimport type { ToThemeIFace, SettableTheme } from './ThemeMachine';\nimport defaultThemeDefinition from './themeDefinition.json';\n\nexport type DefaultThemeDefinition = typeof defaultThemeDefinition;\n\nexport { defaultThemeDefinition as themeDefinition };\n\nexport const BaseThemeMachine = new ThemeMachine({ definition: defaultThemeDefinition });\n\nexport const WorkTheme = BaseThemeMachine.theme;\n\nconst makeResetTheme = (obj: Record<string, unknown>): Record<string, unknown> => {\n return Object.fromEntries(\n Object.entries(obj).map(([key, val]) => {\n if (val && typeof val === 'object')\n return [key, makeResetTheme(val as Record<string, unknown>)];\n return [key, resetToInitial];\n })\n );\n};\n\nexport const ResetTheme: DefaultSettableTheme = makeResetTheme(WorkTheme);\n\nexport const defaultThemeProp = Object.freeze({ theme: WorkTheme });\n\nexport type DefaultSettableTheme = SettableTheme<typeof defaultThemeDefinition>;\n\n// https://styled-components.com/docs/api#create-a-declarations-file\ndeclare module 'styled-components' {\n export interface DefaultTheme extends ToThemeIFace<typeof defaultThemeDefinition> {}\n}\n"]}

package/lib/theme/themeDefinition.json CHANGED Viewed

@@ -408,10 +408,6 @@
             "background-color": {
                 "$type": "inherited",
                 "$value": "base.colors.slate.dark"
-            },
-            "border-radius": {
-                "$type": "inherited",
-                "$value": "base.border-radius"
             }
         },
         "badges": {
@@ -756,6 +752,18 @@
                 "$value": "components.form-control.border-radius"
             }
         },
+        "icon": {
+            "size": {
+                "s": { "$type": "literal", "$value": "1.125rem" },
+                "m": { "$type": "literal", "$value": "2rem" },
+                "l": { "$type": "literal", "$value": "4rem" }
+            },
+            "border-radius-multiplier": {
+                "$comment": "Base border radius multiplier used for background border radius.",
+                "$type": "literal",
+                "$value": "0.5"
+            }
+        },
         "interaction-timer": {
             "notification-indicator": {
                 "$type": "inherited",

package/lib/theme/themeOverrides.schema.json CHANGED Viewed

@@ -464,9 +464,6 @@
                     "properties": {
                         "background-color": {
                             "type": "string"
-                        },
-                        "border-radius": {
-                            "type": "string"
                         }
                     },
                     "additionalProperties": false
@@ -918,6 +915,28 @@
                     },
                     "additionalProperties": false
                 },
+                "icon": {
+                    "type": "object",
+                    "properties": {
+                        "size": {
+                            "type": "object",
+                            "properties": {
+                                "s": {
+                                    "type": "string"
+                                },
+                                "m": {
+                                    "type": "string"
+                                },
+                                "l": {
+                                    "type": "string"
+                                }
+                            }
+                        },
+                        "border-radius-multiplier": {
+                            "type": "string"
+                        }
+                    }
+                },
                 "label": {
                     "type": "object",
                     "properties": {

package/lib/theme/themes/aries2023DarkTheme.json CHANGED Viewed

@@ -16,9 +16,7 @@
             "skeleton": "#939393",
             "scrollbar-track": "rgba(0, 0, 0, 0.2)",
             "scrollbar-thumb": "rgba(255, 255, 255, 0.6)",
-            "scrollbar-thumb-hover": "rgba(255, 255, 255, 0.7)",
-            "light": "#000000",
-            "dark": "#ffffff"
+            "scrollbar-thumb-hover": "rgba(255, 255, 255, 0.7)"
         },
         "shadow": {
             "focus": "0 0 0 0.11rem #fff, 0 0 0 0.18rem #71c1ff, 0 0 0 0.3rem #71c1ff1a",

package/lib/theme/themes/aries2023Theme.json CHANGED Viewed

@@ -5,7 +5,7 @@
     "components": {
         "app-shell": {
             "nav": {
-                "background-color": "#00284c"
+                "background-color": "#054A8A"
             }
         },
         "button": {

package/lib/theme/themes/darkTheme.json CHANGED Viewed

@@ -16,9 +16,7 @@
             "skeleton": "#939393",
             "scrollbar-track": "rgba(0, 0, 0, 0.2)",
             "scrollbar-thumb": "rgba(255, 255, 255, 0.6)",
-            "scrollbar-thumb-hover": "rgba(255, 255, 255, 0.7)",
-            "light": "#000000",
-            "dark": "#ffffff"
+            "scrollbar-thumb-hover": "rgba(255, 255, 255, 0.7)"
         },
         "shadow": {
             "focus": "0 0 0 0.11rem #fff, 0 0 0 0.18rem #71c1ff, 0 0 0 0.3rem #71c1ff1a",