carbon-react 158.43.0 → 158.45.0
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.
- package/esm/components/heading/heading.style.d.ts +1 -1
- package/esm/components/icon/fonts/carbon-icons-webfont.woff +0 -0
- package/esm/components/icon/fonts/carbon-icons-webfont.woff2 +0 -0
- package/esm/components/icon/icon-config.js +1 -1
- package/esm/components/icon/icon-type.d.ts +1 -1
- package/esm/components/icon/icon-unicodes.d.ts +2 -0
- package/esm/components/icon/icon-unicodes.js +1 -1
- package/esm/components/image/image.style.d.ts +1 -1
- package/esm/components/loader/__next__/internal/ring-loader.component.js +1 -1
- package/esm/components/loader/__next__/internal/standalone-loader.component.js +1 -1
- package/esm/components/loader/__next__/loader.style.d.ts +2 -2
- package/esm/components/loader/__next__/loader.style.js +1 -1
- package/esm/components/loader-spinner/loader-spinner.component.js +1 -1
- package/esm/components/loader-spinner/loader-spinner.style.d.ts +4 -2
- package/esm/components/loader-spinner/loader-spinner.style.js +1 -1
- package/esm/components/loader-star/loader-star.style.d.ts +1 -1
- package/esm/components/tile/tile.style.d.ts +1 -1
- package/esm/components/typography/__internal__/__next__/index.d.ts +2 -0
- package/esm/components/typography/__internal__/__next__/index.js +1 -0
- package/esm/components/typography/__internal__/__next__/typography.component.d.ts +37 -0
- package/esm/components/typography/__internal__/__next__/typography.component.js +1 -0
- package/esm/components/typography/__internal__/__next__/typography.style.d.ts +25 -0
- package/esm/components/typography/__internal__/__next__/typography.style.js +1 -0
- package/esm/components/typography/list.component.d.ts +30 -0
- package/esm/components/typography/typography.component.d.ts +47 -13
- package/esm/components/typography/typography.component.js +1 -1
- package/esm/components/typography/typography.style.d.ts +1 -1
- package/esm/components/typography/typography.style.js +1 -1
- package/esm/style/assets/carbon-icons-webfont.woff +0 -0
- package/esm/style/assets/carbon-icons-webfont.woff2 +0 -0
- package/lib/components/heading/heading.style.d.ts +1 -1
- package/lib/components/icon/fonts/carbon-icons-webfont.woff +0 -0
- package/lib/components/icon/fonts/carbon-icons-webfont.woff2 +0 -0
- package/lib/components/icon/icon-config.js +1 -1
- package/lib/components/icon/icon-type.d.ts +1 -1
- package/lib/components/icon/icon-unicodes.d.ts +2 -0
- package/lib/components/icon/icon-unicodes.js +1 -1
- package/lib/components/image/image.style.d.ts +1 -1
- package/lib/components/loader/__next__/internal/ring-loader.component.js +1 -1
- package/lib/components/loader/__next__/internal/standalone-loader.component.js +1 -1
- package/lib/components/loader/__next__/loader.style.d.ts +2 -2
- package/lib/components/loader/__next__/loader.style.js +1 -1
- package/lib/components/loader-spinner/loader-spinner.component.js +1 -1
- package/lib/components/loader-spinner/loader-spinner.style.d.ts +4 -2
- package/lib/components/loader-spinner/loader-spinner.style.js +1 -1
- package/lib/components/loader-star/loader-star.style.d.ts +1 -1
- package/lib/components/tile/tile.style.d.ts +1 -1
- package/lib/components/typography/__internal__/__next__/index.d.ts +2 -0
- package/lib/components/typography/__internal__/__next__/index.js +1 -0
- package/lib/components/typography/__internal__/__next__/package.json +6 -0
- package/lib/components/typography/__internal__/__next__/typography.component.d.ts +37 -0
- package/lib/components/typography/__internal__/__next__/typography.component.js +1 -0
- package/lib/components/typography/__internal__/__next__/typography.style.d.ts +25 -0
- package/lib/components/typography/__internal__/__next__/typography.style.js +1 -0
- package/lib/components/typography/list.component.d.ts +30 -0
- package/lib/components/typography/typography.component.d.ts +47 -13
- package/lib/components/typography/typography.component.js +1 -1
- package/lib/components/typography/typography.style.d.ts +1 -1
- package/lib/components/typography/typography.style.js +1 -1
- package/lib/style/assets/carbon-icons-webfont.woff +0 -0
- package/lib/style/assets/carbon-icons-webfont.woff2 +0 -0
- package/package.json +1 -1
|
@@ -13,7 +13,7 @@ type StyledHeadingTitleProps = {
|
|
|
13
13
|
withMargin?: boolean;
|
|
14
14
|
};
|
|
15
15
|
declare const StyledHeadingTitle: import("styled-components").StyledComponent<{
|
|
16
|
-
({
|
|
16
|
+
({ variant, as, id, fluid, inverse, size, tint, weight, truncate, color, children, screenReaderOnly, "aria-live": ariaLive, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
}, any, StyledHeadingTitleProps, never>;
|
|
19
19
|
declare const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e={backgroundSize:{"extra-small":"16px",small:"24px",medium:"32px",large:"40px","extra-large":"56px"},backgroundShape:{square:"0%","rounded-rect":"20%",circle:"50%"},iconSize:{small:"var(--sizing250)",medium:"var(--sizing300)",large:"var(--sizing400)","extra-large":"var(--sizing600)"}},r=["bottom","left","right","top"],a=["circle","rounded-rect","square"],t=["small","medium","large","extra-large"],i=["small","medium","large","extra-large"],
|
|
1
|
+
const e={backgroundSize:{"extra-small":"16px",small:"24px",medium:"32px",large:"40px","extra-large":"56px"},backgroundShape:{square:"0%","rounded-rect":"20%",circle:"50%"},iconSize:{small:"var(--sizing250)",medium:"var(--sizing300)",large:"var(--sizing400)","extra-large":"var(--sizing600)"}},r=["bottom","left","right","top"],a=["circle","rounded-rect","square"],t=["small","medium","large","extra-large"],i=["small","medium","large","extra-large"],_=["accessibility_web","add","admin","airplay","alert","alert_on","analysis","app_facebook","app_instagram","app_tiktok","app_twitter","app_youtube","apps","arrow","arrow_bottom_right_circle","arrow_down","arrow_left","arrow_left_boxed","arrow_left_right_small","arrow_left_small","arrow_right","arrow_right_small","arrow_top_left_circle","arrow_top_right_circle","arrow_up","arrows_left_right","at_sign","attach","bank","bank_with_card","basket","basket_with_squares","batch","bed","bill_paid","bill_unpaid","bin","biometric","blocked","blocked_square","block_arrow_right","bold","box_arrow_left","box_arrow_right","boxed_shapes","bulk_destroy","bullet_list","bullet_list_dotted","bullet_list_numbers","business","calendar","calendar_today","call","calendar_pay_date","camera","car_lock","car_money","car_repair","card_view","card_wallet","caret_down","caret_left","caret_right","caret_up","caret_large_down","caret_large_left","caret_large_right","caret_large_up","cart","cash","chat","chart_bar","chart_bar_arrow_up","chart_line","chart_pie","chat_notes","check_all","check_none","chevron_down","chevron_first","chevron_first_pagination","chevron_last","chevron_last_pagination","chevron_left","chevron_right","chevron_up","chevron_down_thick","chevron_left_thick","chevron_right_thick","chevron_up_thick","chromecast","circle_with_dots","circles_connection","clear","clock","close","cloud_co2","coins","collaborate","computer_clock","connect","connect_off","construction","contacts","contact_card","copy","create","credit_card","credit_card_slash","cross","cross_circle","csv","dashboard","delete","delivery","diagonal_arrows_up","disconnect","disputed","document_right_align","document_tick","document_vertical_lines","download","double_tick","drag","drag_hover","drag_vertical","draft","drill","dropdown","duplicate","edit","edited","email","email_switch","entry","ellipsis_horizontal","ellipsis_vertical","envelope_dollar","envelope_euro","error","error_square","euro","expand","export","factory","favourite","favourite_lined","fax","feedback","file_excel","file_generic","file_image","file_pdf","file_word","files_leaning","filter","filter_new","fit_height","fit_width","flag","flash","folder","form_refresh","framerate","fullscreen","gift","get_quote","go","graduation_hat","graph","grid","heart","heart_pulse","help","hide","hierarchy","hand_cash_coins","hand_cash_note","home","image","import","in_progress","in_transit","individual","info","intranet","ipad","italic","job_seeked","key","laptop","leaf","ledger","ledger_arrow_left","ledger_arrow_right","lightbulb_off","lightbulb_on","like","like_no","link","link_card","link_cloud","link_on","list_view","locked","location","login","logout","lookup","marker","message","microphone","minimise","minus","minus_large","mobile","money_bag","mute","none","normalscreen","old_warning","page","palm_tree","pause","pause_circle","petrol_pump","pdf","pin","people","people_switch","percentage_boxed","person","person_info","person_tick","phone","picture_in_picture","piggy_bank","placeholder","plane","play","play_circle","plus","plus_large","pound","print","progress","progressed","protect","question","question_hollow","question_mark","recruiting","refresh","refresh_clock","remove","replay","reset","sage_coin","save","scan","search","send","services","settings","settings_old","share","shield_with_tick","shield_with_tick_outline","shop","sort_down","sort_up","spanner","speaker","split","split_container","squares_nine","stacked_boxes","stacked_squares","stop","stop_circle","submitted","subtitles","support_online","sync","tag","talk","target","target_man","theatre_masks","three_boxes","tick","tick_circle","tick_thick","time_zone","true_tick","u_turn_left","u_turn_right","underline","undo","unlocked","upload","uploaded","user_groups","video","view","volume_high","volume_low","volume_medium","volunteering","warning","website","welfare","worldwide_location"];export{_ as ICONS,i as ICON_FONT_SIZES,a as ICON_SHAPES,t as ICON_SIZES,r as ICON_TOOLTIP_POSITIONS,e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type IconType = "accessibility_web" | "add" | "admin" | "airplay" | "alert" | "alert_on" | "analysis" | "app_facebook" | "app_instagram" | "app_tiktok" | "app_twitter" | "app_youtube" | "apps" | "arrow" | "arrow_bottom_right_circle" | "arrow_down" | "arrow_left" | "arrow_left_boxed" | "arrow_left_right_small" | "arrow_left_small" | "arrow_right" | "arrow_right_small" | "arrow_top_left_circle" | "arrow_top_right_circle" | "arrow_up" | "arrows_left_right" | "at_sign" | "attach" | "bank" | "bank_with_card" | "basket" | "basket_with_squares" | "batch" | "bed" | "bill_paid" | "bill_unpaid" | "bin" | "biometric" | "blocked" | "blocked_square" | "block_arrow_right" | "bold" | "box_arrow_left" | "box_arrow_right" | "boxed_shapes" | "bulk_destroy" | "bullet_list" | "bullet_list_dotted" | "bullet_list_numbers" | "business" | "calendar" | "calendar_pay_date" | "calendar_today" | "call" | "camera" | "car_lock" | "car_money" | "car_repair" | "card_wallet" | "card_view" | "caret_down" | "caret_left" | "caret_right" | "caret_up" | "caret_large_down" | "caret_large_left" | "caret_large_right" | "caret_large_up" | "cart" | "cash" | "chat" | "chart_bar" | "chart_bar_arrow_up" | "chart_line" | "chart_pie" | "chat_notes" | "check_all" | "check_none" | "chevron_down" | "chevron_first" | "chevron_last" | "chevron_left" | "chevron_right" | "chevron_up" | "chevron_down_thick" | "chevron_left_thick" | "chevron_right_thick" | "chevron_up_thick" | "chromecast" | "circle_with_dots" | "circles_connection" | "clear" | "clock" | "close" | "cloud_co2" | "coins" | "collaborate" | "computer_clock" | "connect" | "connect_off" | "construction" | "contacts" | "contact_card" | "copy" | "create" | "credit_card" | "credit_card_slash" | "cross" | "cross_circle" | "csv" | "dashboard" | "delete" | "delivery" | "diagonal_arrows_up" | "disputed" | "disconnect" | "document_right_align" | "document_tick" | "document_vertical_lines" | "download" | "double_tick" | "drag" | "drag_hover" | "drag_vertical" | "draft" | "drill" | "dropdown" | "duplicate" | "edit" | "edited" | "email" | "email_switch" | "entry" | "envelope_dollar" | "envelope_euro" | "ellipsis_horizontal" | "ellipsis_vertical" | "error" | "error_square" | "euro" | "expand" | "export" | "factory" | "favourite" | "favourite_lined" | "fax" | "feedback" | "file_excel" | "file_generic" | "file_image" | "file_pdf" | "file_word" | "files_leaning" | "filter" | "filter_new" | "fit_height" | "fit_width" | "flag" | "flash" | "folder" | "form_refresh" | "framerate" | "fullscreen" | "get_quote" | "gift" | "go" | "graduation_hat" | "graph" | "grid" | "heart" | "hand_cash_coins" | "hand_cash_note" | "heart_pulse" | "help" | "hide" | "hierarchy" | "home" | "image" | "import" | "in_progress" | "in_transit" | "individual" | "info" | "intranet" | "ipad" | "italic" | "job_seeked" | "key" | "laptop" | "leaf" | "ledger" | "ledger_arrow_left" | "ledger_arrow_right" | "like" | "like_no" | "link" | "lightbulb_off" | "lightbulb_on" | "link_card" | "link_cloud" | "link_on" | "list_view" | "locked" | "login" | "location" | "logout" | "lookup" | "marker" | "message" | "microphone" | "minimise" | "minus" | "minus_large" | "mobile" | "money_bag" | "mute" | "none" | "normalscreen" | "old_warning" | "page" | "palm_tree" | "pause" | "pause_circle" | "pdf" | "pin" | "people" | "people_switch" | "percentage_boxed" | "person" | "person_info" | "person_tick" | "petrol_pump" | "phone" | "picture_in_picture" | "piggy_bank" | "placeholder" | "plane" | "play" | "play_circle" | "plus" | "plus_large" | "pound" | "print" | "progress" | "progressed" | "protect" | "question" | "question_hollow" | "question_mark" | "recruiting" | "refresh" | "refresh_clock" | "remove" | "replay" | "reset" | "sage_coin" | "save" | "scan" | "send" | "search" | "services" | "settings" | "settings_old" | "share" | "shield_with_tick" | "shield_with_tick_outline" | "shop" | "sort_down" | "sort_up" | "spanner" | "speaker" | "split" | "split_container" | "squares_nine" | "stacked_boxes" | "stacked_squares" | "stop" | "stop_circle" | "subtitles" | "support_online" | "submitted" | "sync" | "tag" | "talk" | "target" | "target_man" | "theatre_masks" | "three_boxes" | "tick" | "tick_circle" | "tick_thick" | "time_zone" | "true_tick" | "u_turn_left" | "u_turn_right" | "underline" | "undo" | "unlocked" | "upload" | "uploaded" | "user_groups" | "video" | "view" | "volume_high" | "volume_low" | "volume_medium" | "volunteering" | "warning" | "website" | "welfare" | "worldwide_location";
|
|
1
|
+
export type IconType = "accessibility_web" | "add" | "admin" | "airplay" | "alert" | "alert_on" | "analysis" | "app_facebook" | "app_instagram" | "app_tiktok" | "app_twitter" | "app_youtube" | "apps" | "arrow" | "arrow_bottom_right_circle" | "arrow_down" | "arrow_left" | "arrow_left_boxed" | "arrow_left_right_small" | "arrow_left_small" | "arrow_right" | "arrow_right_small" | "arrow_top_left_circle" | "arrow_top_right_circle" | "arrow_up" | "arrows_left_right" | "at_sign" | "attach" | "bank" | "bank_with_card" | "basket" | "basket_with_squares" | "batch" | "bed" | "bill_paid" | "bill_unpaid" | "bin" | "biometric" | "blocked" | "blocked_square" | "block_arrow_right" | "bold" | "box_arrow_left" | "box_arrow_right" | "boxed_shapes" | "bulk_destroy" | "bullet_list" | "bullet_list_dotted" | "bullet_list_numbers" | "business" | "calendar" | "calendar_pay_date" | "calendar_today" | "call" | "camera" | "car_lock" | "car_money" | "car_repair" | "card_wallet" | "card_view" | "caret_down" | "caret_left" | "caret_right" | "caret_up" | "caret_large_down" | "caret_large_left" | "caret_large_right" | "caret_large_up" | "cart" | "cash" | "chat" | "chart_bar" | "chart_bar_arrow_up" | "chart_line" | "chart_pie" | "chat_notes" | "check_all" | "check_none" | "chevron_down" | "chevron_first" | "chevron_first_pagination" | "chevron_last" | "chevron_last_pagination" | "chevron_left" | "chevron_right" | "chevron_up" | "chevron_down_thick" | "chevron_left_thick" | "chevron_right_thick" | "chevron_up_thick" | "chromecast" | "circle_with_dots" | "circles_connection" | "clear" | "clock" | "close" | "cloud_co2" | "coins" | "collaborate" | "computer_clock" | "connect" | "connect_off" | "construction" | "contacts" | "contact_card" | "copy" | "create" | "credit_card" | "credit_card_slash" | "cross" | "cross_circle" | "csv" | "dashboard" | "delete" | "delivery" | "diagonal_arrows_up" | "disputed" | "disconnect" | "document_right_align" | "document_tick" | "document_vertical_lines" | "download" | "double_tick" | "drag" | "drag_hover" | "drag_vertical" | "draft" | "drill" | "dropdown" | "duplicate" | "edit" | "edited" | "email" | "email_switch" | "entry" | "envelope_dollar" | "envelope_euro" | "ellipsis_horizontal" | "ellipsis_vertical" | "error" | "error_square" | "euro" | "expand" | "export" | "factory" | "favourite" | "favourite_lined" | "fax" | "feedback" | "file_excel" | "file_generic" | "file_image" | "file_pdf" | "file_word" | "files_leaning" | "filter" | "filter_new" | "fit_height" | "fit_width" | "flag" | "flash" | "folder" | "form_refresh" | "framerate" | "fullscreen" | "get_quote" | "gift" | "go" | "graduation_hat" | "graph" | "grid" | "heart" | "hand_cash_coins" | "hand_cash_note" | "heart_pulse" | "help" | "hide" | "hierarchy" | "home" | "image" | "import" | "in_progress" | "in_transit" | "individual" | "info" | "intranet" | "ipad" | "italic" | "job_seeked" | "key" | "laptop" | "leaf" | "ledger" | "ledger_arrow_left" | "ledger_arrow_right" | "like" | "like_no" | "link" | "lightbulb_off" | "lightbulb_on" | "link_card" | "link_cloud" | "link_on" | "list_view" | "locked" | "login" | "location" | "logout" | "lookup" | "marker" | "message" | "microphone" | "minimise" | "minus" | "minus_large" | "mobile" | "money_bag" | "mute" | "none" | "normalscreen" | "old_warning" | "page" | "palm_tree" | "pause" | "pause_circle" | "pdf" | "pin" | "people" | "people_switch" | "percentage_boxed" | "person" | "person_info" | "person_tick" | "petrol_pump" | "phone" | "picture_in_picture" | "piggy_bank" | "placeholder" | "plane" | "play" | "play_circle" | "plus" | "plus_large" | "pound" | "print" | "progress" | "progressed" | "protect" | "question" | "question_hollow" | "question_mark" | "recruiting" | "refresh" | "refresh_clock" | "remove" | "replay" | "reset" | "sage_coin" | "save" | "scan" | "send" | "search" | "services" | "settings" | "settings_old" | "share" | "shield_with_tick" | "shield_with_tick_outline" | "shop" | "sort_down" | "sort_up" | "spanner" | "speaker" | "split" | "split_container" | "squares_nine" | "stacked_boxes" | "stacked_squares" | "stop" | "stop_circle" | "subtitles" | "support_online" | "submitted" | "sync" | "tag" | "talk" | "target" | "target_man" | "theatre_masks" | "three_boxes" | "tick" | "tick_circle" | "tick_thick" | "time_zone" | "true_tick" | "u_turn_left" | "u_turn_right" | "underline" | "undo" | "unlocked" | "upload" | "uploaded" | "user_groups" | "video" | "view" | "volume_high" | "volume_low" | "volume_medium" | "volunteering" | "warning" | "website" | "welfare" | "worldwide_location";
|
|
@@ -194,6 +194,8 @@ declare namespace iconUnicodes {
|
|
|
194
194
|
export let user_groups: string;
|
|
195
195
|
export let chart_bar_arrow_up: string;
|
|
196
196
|
export let login: string;
|
|
197
|
+
export let chevron_first_pagination: string;
|
|
198
|
+
export let chevron_last_pagination: string;
|
|
197
199
|
export let error: string;
|
|
198
200
|
export let warning: string;
|
|
199
201
|
export let tick: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function e(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const r={call:"\\e93d",mobile:"\\e932",fax:"\\e925",email:"\\e922",email_switch:"\\e996",marker:"\\e93f"},t={person:"\\e93c",person_info:"\\e994",person_tick:"\\e97b",people:"\\e93b",people_switch:"\\e995",business:"\\e90d",shop:"\\e947",bank:"\\e977"},a={home:"\\e929",dashboard:"\\f007",settings:"\\e91a",search:"\\e92f",feedback:"\\e930",logout:"\\e92e",alert:"\\e90b",alert_on:"\\f001",talk:"\\e95a"},o={calendar:"\\e90e",calendar_today:"\\e970",dropdown:"\\e910",caret_up:"\\e9a8",caret_left:"\\e9a6",caret_right:"\\e9a7",caret_large_down:"\\e9a4",caret_large_up:"\\e9a5",caret_large_left:"\\e9a2",caret_large_right:"\\e9a3",plus:"\\e940",plus_large:"\\e967",minus:"\\e931",minus_large:"\\e968",edit:"\\e93a",edited:"\\e938",favourite:"\\e94f",favourite_lined:"\\e94e",credit_card:"\\e91c",credit_card_slash:"\\e966",save:"\\e926",uploaded:"\\e905",arrow_left_boxed:"\\e988",question:"\\e943",info:"\\e92a",download:"\\e900",upload:"\\e906",share:"\\e946",close:"\\e91e",cross:"\\e91d",cross_circle:"\\e992",filter:"\\e928",refresh:"\\e945",computer_clock:"\\e997",refresh_clock:"\\e986",sync:"\\e944",attach:"\\e937",camera:"\\e90f",image:"\\e93e",folder:"\\e927",help:"\\e951",connect:"\\e955",disconnect:"\\e953",split:"\\e952",filter_new:"\\e954",delivery:"\\e959",chat:"\\e914",chat_notes:"\\e956",bullet_list:"\\e95b",bullet_list_numbers:"\\e989",bullet_list_dotted:"\\e98a",view:"\\e957",hide:"\\e998",video:"\\e95e",play:"\\e95f",pause:"\\e96d",play_circle:"\\e96c",pause_circle:"\\e96b",scan:"\\e96e",lookup:"\\e96f",bold:"\\e98c",italic:"\\e98b",undo:"\\e9aa",box_arrow_left:"\\f006"},i={cart:"\\e90a",basket_with_squares:"\\e975",delete:"\\e90c",print:"\\e942",csv:"\\e94a",pdf:"\\e91f",duplicate:"\\e921",copy:"\\e91b",check_all:"\\f028",check_none:"\\f029"},l={chevron_up:"\\e918",chevron_down:"\\e915",chevron_right:"\\e917",chevron_left:"\\e916",chevron_up_thick:"\\e99d",chevron_down_thick:"\\e99c",chevron_left_thick:"\\e99f",chevron_right_thick:"\\e99e",link:"\\e92d",list_view:"\\e92c",card_view:"\\e94b",sort_down:"\\e948",sort_up:"\\e949",arrow_left:"\\e902",arrow_right:"\\e904",arrow_down:"\\e901",arrow_up:"\\e907",arrow_left_right_small:"\\e964",arrow_left_small:"\\e963",arrow_right_small:"\\e962",block_arrow_right:"\\e97e",drag_vertical:"\\e94d",drag:"\\e94c",fit_height:"\\e909",fit_width:"\\e908",ellipsis_horizontal:"\\e960",ellipsis_vertical:"\\e961",u_turn_left:"\\f004",u_turn_right:"\\f005"},c={error:"\\e923",warning:"\\e924",tick:"\\e950",tick_circle:"\\e993",tick_thick:"\\f003",draft:"\\e939",progressed:"\\e903",in_progress:"\\e920",clock:"\\e919",locked:"\\e935",unlocked:"\\e936",gift:"\\e941",blocked:"\\e933",key:"\\e92b",chart_line:"\\e912",chart_pie:"\\e913",chart_bar:"\\e911",blocked_square:"\\e934",disputed:"\\e958",lightbulb_on:"\\e95d",lightbulb_off:"\\e95c"},_={boxed_shapes:"\\e982",circles_connection:"\\e979",document_right_align:"\\e981",document_tick:"\\e980",document_vertical_lines:"\\e978",error_square:"\\e97f",factory:"\\e976",files_leaning:"\\e97a",ledger:"\\e973",ledger_arrow_left:"\\e971",ledger_arrow_right:"\\e972",money_bag:"\\e974",spanner:"\\e984",split_container:"\\e987",stacked_boxes:"\\e97c",tag:"\\e985",three_boxes:"\\e97d",circle_with_dots:"\\e965",squares_nine:"\\e969",coins:"\\e96a",file_generic:"\\e991",file_pdf:"\\e990",file_excel:"\\e98e",file_word:"\\e98f",file_image:"\\e98d",euro:"\\e9a0",pound:"\\e9a1",stacked_squares:"\\e983",expand:"\\e99b",flag:"\\e999",placeholder:"\\e99a",envelope_dollar:"\\e9ab",envelope_euro:"\\e9a9",sage_coin:"\\e9ac",palm_tree:"\\f002",arrow_bottom_right_circle:"\\f014",arrow_top_left_circle:"\\f017",arrows_left_right:"\\f027",bank_with_card:"\\f019",bed:"\\f010",car_lock:"\\f021",car_money:"\\f011",car_repair:"\\f022",cash:"\\f020",construction:"\\f008",drill:"\\f015",form_refresh:"\\f018",graduation_hat:"\\f013",hand_cash_coins:"\\f009",hand_cash_note:"\\f024",laptop:"\\f012",percentage_boxed:"\\f016",petrol_pump:"\\f026",plane:"\\f025",theatre_masks:"\\f023",accessibility_web:"\\f045",app_facebook:"\\f052",app_instagram:"\\f046",app_tiktok:"\\f035",app_twitter:"\\f041",app_youtube:"\\f047",apps:"\\f040",bill_paid:"\\f049",bill_unpaid:"\\f063",box_arrow_right:"\\f057",calendar_pay_date:"\\f038",card_wallet:"\\f030",connect_off:"\\f053",heart_pulse:"\\f031",intranet:"\\f048",job_seeked:"\\f037",like:"\\f056",link_cloud:"\\f036",link_on:"\\f043",microphone:"\\f054",protect:"\\f044",recruiting:"\\f033",send:"\\f055",support_online:"\\f032",target_man:"\\f050",target:"\\f042",volunteering:"\\f039",website:"\\f051",welfare:"\\f034",contact_card:"\\f059",cloud_co2:"\\f060",leaf:"\\f061",like_no:"\\f058",minimise:"\\f062",pin:"\\f064",biometric:"\\f067",import:"\\f066",export:"\\f065",shield_with_tick:"\\f070",shield_with_tick_outline:"\\f071",stop:"\\f068",stop_circle:"\\f069",worldwide_location:"\\f072",airplay:"\\f073",batch:"\\f074",chromecast:"\\f075",framerate:"\\f076",fullscreen:"\\f077",mute:"\\f078",normalscreen:"\\f079",page:"\\f080",picture_in_picture:"\\f081",replay:"\\f082",speaker:"\\f083",subtitles:"\\f084",volume_high:"\\f087",volume_low:"\\f085",volume_medium:"\\f086",hierarchy:"\\f088",underline:"\\f089",chevron_first:"\\f090",chevron_last:"\\f091",drag_hover:"\\f092",at_sign:"\\f093",link_card:"\\f094",time_zone:"\\f095",arrow_top_right_circle:"\\f096",clear:"\\f097",diagonal_arrows_up:"\\f098",double_tick:"\\f099",flash:"\\f100",get_quote:"\\f101",heart:"\\f102",ipad:"\\f103",reset:"\\f104",user_groups:"\\f105",chart_bar_arrow_up:"\\f106",login:"\\f107"},n=(f=function(r){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},o=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),o.forEach((function(t){e(r,t,a[t])}))}return r}({},r,t,a,o,i,l,c,_,{add:o.plus,create:o.plus,services:o.plus,admin:o.favourite,analysis:c.chart_line,graph:c.chart_line,basket:i.cart,bin:i.delete,bulk_destroy:i.delete,caret_down:o.dropdown,collaborate:o.share,contacts:t.people,entry:l.list_view,go:c.progressed,submitted:c.progressed,grid:o.split,individual:t.person,location:r.marker,message:r.email,old_warning:c.warning,phone:r.call,piggy_bank:o.save,question_hollow:o.video,question_mark:o.question,remove:o.minus,settings_old:a.settings,true_tick:c.tick,arrow:l.arrow_right,in_transit:l.arrow_left_right_small,progress:_.circle_with_dots}),s=null!=(s={none:""})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(s)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(s)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(s,e))})),f);var f,s;export{n as default};
|
|
1
|
+
function e(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const r={call:"\\e93d",mobile:"\\e932",fax:"\\e925",email:"\\e922",email_switch:"\\e996",marker:"\\e93f"},t={person:"\\e93c",person_info:"\\e994",person_tick:"\\e97b",people:"\\e93b",people_switch:"\\e995",business:"\\e90d",shop:"\\e947",bank:"\\e977"},a={home:"\\e929",dashboard:"\\f007",settings:"\\e91a",search:"\\e92f",feedback:"\\e930",logout:"\\e92e",alert:"\\e90b",alert_on:"\\f001",talk:"\\e95a"},o={calendar:"\\e90e",calendar_today:"\\e970",dropdown:"\\e910",caret_up:"\\e9a8",caret_left:"\\e9a6",caret_right:"\\e9a7",caret_large_down:"\\e9a4",caret_large_up:"\\e9a5",caret_large_left:"\\e9a2",caret_large_right:"\\e9a3",plus:"\\e940",plus_large:"\\e967",minus:"\\e931",minus_large:"\\e968",edit:"\\e93a",edited:"\\e938",favourite:"\\e94f",favourite_lined:"\\e94e",credit_card:"\\e91c",credit_card_slash:"\\e966",save:"\\e926",uploaded:"\\e905",arrow_left_boxed:"\\e988",question:"\\e943",info:"\\e92a",download:"\\e900",upload:"\\e906",share:"\\e946",close:"\\e91e",cross:"\\e91d",cross_circle:"\\e992",filter:"\\e928",refresh:"\\e945",computer_clock:"\\e997",refresh_clock:"\\e986",sync:"\\e944",attach:"\\e937",camera:"\\e90f",image:"\\e93e",folder:"\\e927",help:"\\e951",connect:"\\e955",disconnect:"\\e953",split:"\\e952",filter_new:"\\e954",delivery:"\\e959",chat:"\\e914",chat_notes:"\\e956",bullet_list:"\\e95b",bullet_list_numbers:"\\e989",bullet_list_dotted:"\\e98a",view:"\\e957",hide:"\\e998",video:"\\e95e",play:"\\e95f",pause:"\\e96d",play_circle:"\\e96c",pause_circle:"\\e96b",scan:"\\e96e",lookup:"\\e96f",bold:"\\e98c",italic:"\\e98b",undo:"\\e9aa",box_arrow_left:"\\f006"},i={cart:"\\e90a",basket_with_squares:"\\e975",delete:"\\e90c",print:"\\e942",csv:"\\e94a",pdf:"\\e91f",duplicate:"\\e921",copy:"\\e91b",check_all:"\\f028",check_none:"\\f029"},l={chevron_up:"\\e918",chevron_down:"\\e915",chevron_right:"\\e917",chevron_left:"\\e916",chevron_up_thick:"\\e99d",chevron_down_thick:"\\e99c",chevron_left_thick:"\\e99f",chevron_right_thick:"\\e99e",link:"\\e92d",list_view:"\\e92c",card_view:"\\e94b",sort_down:"\\e948",sort_up:"\\e949",arrow_left:"\\e902",arrow_right:"\\e904",arrow_down:"\\e901",arrow_up:"\\e907",arrow_left_right_small:"\\e964",arrow_left_small:"\\e963",arrow_right_small:"\\e962",block_arrow_right:"\\e97e",drag_vertical:"\\e94d",drag:"\\e94c",fit_height:"\\e909",fit_width:"\\e908",ellipsis_horizontal:"\\e960",ellipsis_vertical:"\\e961",u_turn_left:"\\f004",u_turn_right:"\\f005"},c={error:"\\e923",warning:"\\e924",tick:"\\e950",tick_circle:"\\e993",tick_thick:"\\f003",draft:"\\e939",progressed:"\\e903",in_progress:"\\e920",clock:"\\e919",locked:"\\e935",unlocked:"\\e936",gift:"\\e941",blocked:"\\e933",key:"\\e92b",chart_line:"\\e912",chart_pie:"\\e913",chart_bar:"\\e911",blocked_square:"\\e934",disputed:"\\e958",lightbulb_on:"\\e95d",lightbulb_off:"\\e95c"},_={boxed_shapes:"\\e982",circles_connection:"\\e979",document_right_align:"\\e981",document_tick:"\\e980",document_vertical_lines:"\\e978",error_square:"\\e97f",factory:"\\e976",files_leaning:"\\e97a",ledger:"\\e973",ledger_arrow_left:"\\e971",ledger_arrow_right:"\\e972",money_bag:"\\e974",spanner:"\\e984",split_container:"\\e987",stacked_boxes:"\\e97c",tag:"\\e985",three_boxes:"\\e97d",circle_with_dots:"\\e965",squares_nine:"\\e969",coins:"\\e96a",file_generic:"\\e991",file_pdf:"\\e990",file_excel:"\\e98e",file_word:"\\e98f",file_image:"\\e98d",euro:"\\e9a0",pound:"\\e9a1",stacked_squares:"\\e983",expand:"\\e99b",flag:"\\e999",placeholder:"\\e99a",envelope_dollar:"\\e9ab",envelope_euro:"\\e9a9",sage_coin:"\\e9ac",palm_tree:"\\f002",arrow_bottom_right_circle:"\\f014",arrow_top_left_circle:"\\f017",arrows_left_right:"\\f027",bank_with_card:"\\f019",bed:"\\f010",car_lock:"\\f021",car_money:"\\f011",car_repair:"\\f022",cash:"\\f020",construction:"\\f008",drill:"\\f015",form_refresh:"\\f018",graduation_hat:"\\f013",hand_cash_coins:"\\f009",hand_cash_note:"\\f024",laptop:"\\f012",percentage_boxed:"\\f016",petrol_pump:"\\f026",plane:"\\f025",theatre_masks:"\\f023",accessibility_web:"\\f045",app_facebook:"\\f052",app_instagram:"\\f046",app_tiktok:"\\f035",app_twitter:"\\f041",app_youtube:"\\f047",apps:"\\f040",bill_paid:"\\f049",bill_unpaid:"\\f063",box_arrow_right:"\\f057",calendar_pay_date:"\\f038",card_wallet:"\\f030",connect_off:"\\f053",heart_pulse:"\\f031",intranet:"\\f048",job_seeked:"\\f037",like:"\\f056",link_cloud:"\\f036",link_on:"\\f043",microphone:"\\f054",protect:"\\f044",recruiting:"\\f033",send:"\\f055",support_online:"\\f032",target_man:"\\f050",target:"\\f042",volunteering:"\\f039",website:"\\f051",welfare:"\\f034",contact_card:"\\f059",cloud_co2:"\\f060",leaf:"\\f061",like_no:"\\f058",minimise:"\\f062",pin:"\\f064",biometric:"\\f067",import:"\\f066",export:"\\f065",shield_with_tick:"\\f070",shield_with_tick_outline:"\\f071",stop:"\\f068",stop_circle:"\\f069",worldwide_location:"\\f072",airplay:"\\f073",batch:"\\f074",chromecast:"\\f075",framerate:"\\f076",fullscreen:"\\f077",mute:"\\f078",normalscreen:"\\f079",page:"\\f080",picture_in_picture:"\\f081",replay:"\\f082",speaker:"\\f083",subtitles:"\\f084",volume_high:"\\f087",volume_low:"\\f085",volume_medium:"\\f086",hierarchy:"\\f088",underline:"\\f089",chevron_first:"\\f090",chevron_last:"\\f091",drag_hover:"\\f092",at_sign:"\\f093",link_card:"\\f094",time_zone:"\\f095",arrow_top_right_circle:"\\f096",clear:"\\f097",diagonal_arrows_up:"\\f098",double_tick:"\\f099",flash:"\\f100",get_quote:"\\f101",heart:"\\f102",ipad:"\\f103",reset:"\\f104",user_groups:"\\f105",chart_bar_arrow_up:"\\f106",login:"\\f107",chevron_first_pagination:"\\f108",chevron_last_pagination:"\\f109"},n=(f=function(r){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},o=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),o.forEach((function(t){e(r,t,a[t])}))}return r}({},r,t,a,o,i,l,c,_,{add:o.plus,create:o.plus,services:o.plus,admin:o.favourite,analysis:c.chart_line,graph:c.chart_line,basket:i.cart,bin:i.delete,bulk_destroy:i.delete,caret_down:o.dropdown,collaborate:o.share,contacts:t.people,entry:l.list_view,go:c.progressed,submitted:c.progressed,grid:o.split,individual:t.person,location:r.marker,message:r.email,old_warning:c.warning,phone:r.call,piggy_bank:o.save,question_hollow:o.video,question_mark:o.question,remove:o.minus,settings_old:a.settings,true_tick:c.tick,arrow:l.arrow_right,in_transit:l.arrow_left_right_small,progress:_.circle_with_dots}),s=null!=(s={none:""})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(s)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(s)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(s,e))})),f);var f,s;export{n as default};
|
|
@@ -38,5 +38,5 @@ declare const StyledImage: import("styled-components").StyledComponent<"div", an
|
|
|
38
38
|
backgroundPosition: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundPosition<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
|
|
39
39
|
backgroundRepeat: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
|
|
40
40
|
backgroundSize: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundSize<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
|
|
41
|
-
} & StyledImageProps, "theme" | "children" | "hidden" | "src" | "as" | "left" | "right" | "position" | "bottom" | "top" | "
|
|
41
|
+
} & StyledImageProps, "theme" | "children" | "hidden" | "src" | "as" | "left" | "right" | "position" | "bottom" | "top" | "backgroundRepeat" | "backgroundSize" | "backgroundPosition">;
|
|
42
42
|
export { StyledImage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import{StyledRingLoaderWrapper as a,StyledRingCircleSvg as i,StyledLoaderLabel as o}from"../loader.style.js";import l from"../../../../hooks/__internal__/useLocale/useLocale.js";const n=e=>e||.8,s=({inverse:s,size:t,variant:c,hasMotion:d,isTracked:m,animationTime:u,loaderLabel:p,showLabel:v,isSuccess:h,isError:k})=>{const T=l(),f=c&&["stacked","inline"].includes(c)?c:"stacked",g=t&&["extra-small","small","large"].includes(t)?t:"medium";return e(a,{loaderVariant:c,"data-role":"ring-loader-container",children:[e(i,{inverse:s,role:"presentation",size:g,variant:f,hasMotion:d,isTracked:m,animationTime:n(u),viewBox:"0 0 24 24",isSuccess:h,isError:k,children:[r("circle",{"data-role":"outer-arc"}),r("circle",{"data-role":"inner-arc"})]}),v&&r(o,{inverse:s,"data-role":"loader-label",variant:"span",loaderVariant:f,loaderType:"ring"
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import{StyledRingLoaderWrapper as a,StyledRingCircleSvg as i,StyledLoaderLabel as o}from"../loader.style.js";import l from"../../../../hooks/__internal__/useLocale/useLocale.js";const n=e=>e||.8,s=({inverse:s,size:t,variant:c,hasMotion:d,isTracked:m,animationTime:u,loaderLabel:p,showLabel:v,isSuccess:h,isError:k})=>{const T=l(),f=c&&["stacked","inline"].includes(c)?c:"stacked",g=t&&["extra-small","small","large"].includes(t)?t:"medium";return e(a,{loaderVariant:c,"data-role":"ring-loader-container",children:[e(i,{inverse:s,role:"presentation",size:g,variant:f,hasMotion:d,isTracked:m,animationTime:n(u),viewBox:"0 0 24 24",isSuccess:h,isError:k,children:[r("circle",{"data-role":"outer-arc"}),r("circle",{"data-role":"inner-arc"})]}),v&&r(o,{inverse:s,"data-role":"loader-label",variant:"span",loaderVariant:f,loaderType:"ring",$size:g,children:p||(null==T?void 0:T.loader.loading())})]})};export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as a,Fragment as e,jsx as r}from"react/jsx-runtime";import"react";import{OuterBar as i,InnerBar as o,StyledLoaderLabel as n}from"../loader.style.js";import l from"../../../../hooks/__internal__/useLocale/useLocale.js";const t=({size:t,variant:s,inverse:d,loaderLabel:m,showLabel:c,animationTime:p,hasMotion:v})=>{const u=l(),h="typical"===s||"ai"===s?s:"typical",b="small"===t||"large"===t?t:"medium";return a(e,{children:[r(i,{"data-role":"outer-bar",size:b,variant:h,inverse:!!d,children:r(o,{"data-role":"inner-bar",size:b,variant:h,inverse:!!d,animationTime:(a=>a||2)(p),hasMotion:v})}),c&&r(n,{inverse:d,"data-role":"loader-label",variant:"span",loaderVariant:s,loaderType:"standalone"
|
|
1
|
+
import{jsxs as a,Fragment as e,jsx as r}from"react/jsx-runtime";import"react";import{OuterBar as i,InnerBar as o,StyledLoaderLabel as n}from"../loader.style.js";import l from"../../../../hooks/__internal__/useLocale/useLocale.js";const t=({size:t,variant:s,inverse:d,loaderLabel:m,showLabel:c,animationTime:p,hasMotion:v})=>{const u=l(),h="typical"===s||"ai"===s?s:"typical",b="small"===t||"large"===t?t:"medium";return a(e,{children:[r(i,{"data-role":"outer-bar",size:b,variant:h,inverse:!!d,children:r(o,{"data-role":"inner-bar",size:b,variant:h,inverse:!!d,animationTime:(a=>a||2)(p),hasMotion:v})}),c&&r(n,{inverse:d,"data-role":"loader-label",variant:"span",loaderVariant:s,loaderType:"standalone",$size:t,children:m||(null==u?void 0:u.loader.loading())})]})};export{t as default};
|
|
@@ -28,14 +28,14 @@ interface RingSvgProps {
|
|
|
28
28
|
export declare const StyledRingCircleSvg: import("styled-components").StyledComponent<"svg", any, RingSvgProps, never>;
|
|
29
29
|
export declare const StyledStars: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
30
30
|
type LabelProps = {
|
|
31
|
-
size?: string;
|
|
31
|
+
$size?: string;
|
|
32
32
|
loaderVariant?: string;
|
|
33
33
|
inverse?: boolean;
|
|
34
34
|
loaderType: string;
|
|
35
35
|
};
|
|
36
36
|
export declare const StyledStarLoaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
37
37
|
export declare const StyledLoaderLabel: import("styled-components").StyledComponent<{
|
|
38
|
-
({
|
|
38
|
+
({ variant, as, id, fluid, inverse, size, tint, weight, truncate, color, children, screenReaderOnly, "aria-live": ariaLive, "aria-hidden": ariaHidden, ...rest }: import("../../typography").TypographyProps): import("react").JSX.Element;
|
|
39
39
|
displayName: string;
|
|
40
40
|
}, any, LabelProps, never>;
|
|
41
41
|
type RingLoaderWrapperProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{keyframes as
|
|
1
|
+
import e,{keyframes as t,css as r}from"styled-components";import{margin as a}from"styled-system";import i from"../../../style/themes/apply-base-theme.js";import{Typography as o}from"../../typography/typography.component.js";import"react/jsx-runtime";import"react";import n from"../../button/button.style.js";import{StyledButton as s}from"../../button/__next__/button.style.js";const l={"extra-small":20,small:32,medium:64,large:80},d={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},m={small:"4px",medium:"8px",large:"16px"},p={"extra-small":"8px",small:"8px",medium:"12px",large:"16px"},c=t(["0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}"]),g=t(["0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}"]),f=t(["from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}"]),u=t(["0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}"]),x=(e,t)=>{const r=t?"rgba(255, 255, 255, 0.08)":"rgba(0, 0, 0, 0.08)";return"ai"===e?{outerBarBackground:r,innerBarBackground:t?"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1, #00D639) 0%, var(--mode-color-ai-alt-stop-2, #00D6DE) 40%, var(--mode-color-ai-alt-stop-3, #9D60FF) 90%)":"linear-gradient(90deg, var(--mode-color-ai-stop-1, #13A038) 0%, var(--mode-color-ai-stop-2, #149197) 40%, var(--mode-color-ai-stop-3, #A87CFB) 90%)"}:{outerBarBackground:r,innerBarBackground:t?"#FFFFFF":"#000000"}},h=r(["display:flex;justify-content:center;text-align:center;"]),y=e.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"sc-23905a4e-0"})(["display:inline-block;min-width:var(--sizing800);"]),v=e.div.attrs(i).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-23905a4e-1"})([""," text-align:center;white-space:nowrap;"],a),w=e.div.withConfig({displayName:"loader.style__OuterBar",componentId:"sc-23905a4e-2"})(["",""],(({size:e,variant:t,inverse:a})=>r(["border-radius:var(--borderRadius400);height:",";width:100%;background:",";overflow:hidden;position:relative;"],m[e],x(t,a).outerBarBackground))),b=e.div.withConfig({displayName:"loader.style__InnerBar",componentId:"sc-23905a4e-3"})(["",""],(({size:e,variant:t,inverse:a,animationTime:i,hasMotion:o})=>r(["position:absolute;background:",";width:15px;height:",";border-radius:var(--borderRadius400);animation-name:",",",";"," animation-iteration-count:",";"],x(t,a).innerBarBackground,m[e],c,g,o&&`animation-duration: ${i}s, ${i}s;`,o?"infinite, infinite":"none, none"))),k=e.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"sc-23905a4e-4"})([""," ",' & circle[data-role="inner-arc"],',' & circle[data-role="inner-arc"]{stroke:currentColor;}'],(({inverse:e,size:t,hasMotion:a,isTracked:i,isError:o,isSuccess:n,animationTime:s})=>{const m=`${l[t]}px`,p=d[t];return r(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],m,m,p,e?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.08)",p,(({inverse:e,isSuccess:t,isError:r})=>r?"#DB004E;":t?"#00811F;":e?"#FFF;":"#000000")({inverse:e,isSuccess:n,isError:o}),i?f:u,a&&`animation-duration: ${s}s;`,a?"infinite":"none")}),s,n),_="40px",B=e.div.withConfig({displayName:"loader.style__StyledStars",componentId:"sc-23905a4e-5"})(["position:relative;width:",";height:",";"],_,_),C={standalone:{small:"4px",medium:"8px",large:"12px"},ring:{"extra-small":"4px",small:"8px",medium:"8px",large:"12px"}},S=e.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"sc-23905a4e-6"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),F=e(o).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"sc-23905a4e-7"})([""," line-height:150%;color:",";"," &,"," &{color:currentColor;}",""],h,(({inverse:e})=>e?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)"),s,n,(({$size:e="medium",loaderType:t,loaderVariant:a})=>{const i=e;return"star"===t?r(["font-size:16px;font-weight:400;margin-left:12px;width:min-content;"]):"standalone"===t?r(["font-size:",";font-weight:500;width:100%;margin-top:",";"],"large"===i?"16px":"14px",C[t][i]):r(["font-size:",";font-weight:500;width:",";",";"],"large"===i?"16px":"extra-small"===i?"13px":"14px","inline"===a?"auto":"100%","inline"===a?`margin-left: ${p[i]}`:`margin-top: ${C[t][i]}`)})),z=e.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"sc-23905a4e-8"})(["",""],(({loaderVariant:e})=>r(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===e?"row":"column","inline"===e?"auto":"100%"))),I=e.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"sc-23905a4e-9"})(["",";"],(({inverse:e})=>r(["color:",";"," &,"," &{color:currentColor;}"],e?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)",s,n)));export{b as InnerBar,w as OuterBar,I as StyledLabel,v as StyledLoader,F as StyledLoaderLabel,y as StyledLoaderPlaceholder,k as StyledRingCircleSvg,z as StyledRingLoaderWrapper,S as StyledStarLoaderWrapper,B as StyledStars};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledLabel as i,StyledSpinnerWrapper as o,StyledSpinnerCircleSvg as a}from"./loader-spinner.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";import c from"../../hooks/useMediaQuery/useMediaQuery.js";import{Typography as p}from"../typography/typography.component.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const d=d=>{var{spinnerLabel:f,size:y="medium",showSpinnerLabel:m=!0,variant:b="action",isTracked:g=!1,hasMotion:O=!0,animationTime:
|
|
1
|
+
import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledLabel as i,StyledSpinnerWrapper as o,StyledSpinnerCircleSvg as a}from"./loader-spinner.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";import c from"../../hooks/useMediaQuery/useMediaQuery.js";import{Typography as p}from"../typography/typography.component.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const d=d=>{var{spinnerLabel:f,size:y="medium",showSpinnerLabel:m=!0,variant:b="action",isTracked:g=!1,hasMotion:O=!0,animationTime:h}=d,j=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(d,["spinnerLabel","size","showSpinnerLabel","variant","isTracked","hasMotion","animationTime"]);const v=l(),w=c("screen and (prefers-reduced-motion: no-preference)");if(void 0===w)return null;const P=e(i,{"data-role":"visible-label",variant:"span",fontWeight:"400",$size:y,inverse:!("inverse"!==b&&"gradient-white"!==b),fontSize:"extra-large"===y?"var(--sizing200)":"var(--sizing175)",lineHeight:"extra-large"===y?"var(--sizing300)":"var(--sizing250)",children:f||v.loaderSpinner.loading()}),S="gradient-white"===b||"gradient-grey"===b;return e(o,(z=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){u(e,r,t[r])}))}return e}({size:y,role:"status"},n("loader-spinner",j),s(j)),k=null!=(k={children:w?r(t,{children:[r(a,{role:"presentation",size:y,variant:b,hasMotion:O,isTracked:g,isGradientVariant:S,animationTime:h||(S?2:1),viewBox:"0 0 24 24",children:[e("circle",{"data-role":"outer-arc"}),e("circle",{"data-role":"inner-arc"})]}),m?P:e(p,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:f||v.loaderSpinner.loading()})]}):P})?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(k)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(k)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(k,e))})),z));var z,k};export{d as LoaderSpinner,d as default};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { LoaderSpinnerProps } from "./loader-spinner.component";
|
|
2
2
|
export declare const StyledSpinnerWrapper: import("styled-components").StyledComponent<"div", any, Pick<LoaderSpinnerProps, "size">, never>;
|
|
3
3
|
export declare const StyledLabel: import("styled-components").StyledComponent<{
|
|
4
|
-
({
|
|
4
|
+
({ variant, as, id, fluid, inverse, size, tint, weight, truncate, color, children, screenReaderOnly, "aria-live": ariaLive, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
|
-
}, any, Required<
|
|
6
|
+
}, any, Required<{
|
|
7
|
+
$size: NonNullable<LoaderSpinnerProps["size"]>;
|
|
8
|
+
}>, never>;
|
|
7
9
|
interface StyledSpinnerCircleSvgProps extends Omit<LoaderSpinnerProps, "showSpinnerLabel"> {
|
|
8
10
|
isGradientVariant?: boolean;
|
|
9
11
|
size: Required<LoaderSpinnerProps>["size"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r,{css as e}from"styled-components";import{margin as t}from"styled-system";import{LOADER_SPINNER_SIZE_PARAMS as a}from"./loader-spinner.config.js";import{Typography as n}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";const o=(r,e)=>{switch(e){case"neutral":return r?"var(--colorsSemanticNeutral500)":"var(--colorsSemanticNeutral200)";case"gradient-grey":return r?"#00D639":"#0000001A";case"gradient-white":return r?"#00D639":"var(--colorsActionMajorYang100)";case"inverse":return"var(--colorsActionMajorYang100)";default:return r?"var(--colorsActionMajor500)":"var(--colorsActionMajor150)"}},i=r.div.withConfig({displayName:"loader-spinner.style__StyledSpinnerWrapper",componentId:"sc-
|
|
1
|
+
import r,{css as e}from"styled-components";import{margin as t}from"styled-system";import{LOADER_SPINNER_SIZE_PARAMS as a}from"./loader-spinner.config.js";import{Typography as n}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";const o=(r,e)=>{switch(e){case"neutral":return r?"var(--colorsSemanticNeutral500)":"var(--colorsSemanticNeutral200)";case"gradient-grey":return r?"#00D639":"#0000001A";case"gradient-white":return r?"#00D639":"var(--colorsActionMajorYang100)";case"inverse":return"var(--colorsActionMajorYang100)";default:return r?"var(--colorsActionMajor500)":"var(--colorsActionMajor150)"}},i=r.div.withConfig({displayName:"loader-spinner.style__StyledSpinnerWrapper",componentId:"sc-fe9a4dc0-0"})([""," display:flex;flex-direction:",";"],t,(({size:r})=>"extra-small"===r?"row":"column")),s=r(n).withConfig({displayName:"loader-spinner.style__StyledLabel",componentId:"sc-fe9a4dc0-1"})(["",""],(({$size:r})=>e(["display:flex;justify-content:center;text-align:center;",";"],"extra-small"===r?"margin-left: var(--spacing100)":`margin-top: ${a[r].labelMarginTop}px`))),c=r.svg.withConfig({displayName:"loader-spinner.style__StyledSpinnerCircleSvg",componentId:"sc-fe9a4dc0-2"})(["",";"],(({size:r,isTracked:t,hasMotion:n,isGradientVariant:i,animationTime:s,variant:c})=>{const d=`${a[r].wrapperDimensions}px`;return r&&e(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",";",' cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:80px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(270deg);@keyframes gradientAnimation{0%{stroke:#00d639;}33%{stroke:#11afff;}66%{stroke:#8f49fe;}}@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(0deg);stroke-dasharray:100;}40%{stroke-dasharray:80;}80%{stroke-dasharray:100;}100%{transform:rotate(360deg);}}animation-name:",",",";",";animation-timing-function:cubic-bezier(0.2,0.1,0.8,1);animation-iteration-count:",";"],d,d,a[r].strokeWidth,o(!1,c),"inverse"===c&&"stroke-opacity: 0.3;",a[r].strokeWidth,o(!0,c),t&&!i?"trackedAnimation":"untrackedAnimation","gradient-grey"===c||"gradient-white"===c?"gradientAnimation":"none",n&&`animation-duration: ${s}s`,n?"infinite":"none")}));export{s as StyledLabel,c as StyledSpinnerCircleSvg,i as StyledSpinnerWrapper};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LoaderStarProps } from "./loader-star.component";
|
|
2
2
|
export declare const StyledLoaderStarWrapper: import("styled-components").StyledComponent<"div", any, LoaderStarProps, never>;
|
|
3
3
|
export declare const StyledLabel: import("styled-components").StyledComponent<{
|
|
4
|
-
({
|
|
4
|
+
({ variant, as, id, fluid, inverse, size, tint, weight, truncate, color, children, screenReaderOnly, "aria-live": ariaLive, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
}, any, {}, never>;
|
|
7
7
|
export declare const StyledStars: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -2,7 +2,7 @@ import { SpaceProps } from "styled-system";
|
|
|
2
2
|
import { TileProps } from "./tile.component";
|
|
3
3
|
declare const StyledTile: import("styled-components").StyledComponent<"div", any, {
|
|
4
4
|
theme: object;
|
|
5
|
-
} & Pick<TileProps, "height" | "width" | "variant" | "
|
|
5
|
+
} & Pick<TileProps, "height" | "width" | "variant" | "borderWidth" | "highlightVariant" | "roundness" | "borderVariant"> & {
|
|
6
6
|
isHorizontal?: boolean;
|
|
7
7
|
} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "theme">;
|
|
8
8
|
export default StyledTile;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{Typography as default}from"./typography.component.js";
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React, { HTMLAttributes, AriaAttributes, CSSProperties } from "react";
|
|
2
|
+
import { SpaceProps } from "styled-system";
|
|
3
|
+
import { TagProps } from "../../../../__internal__/utils/helpers/tags";
|
|
4
|
+
export declare const VARIANT_TYPES: readonly ["h1", "h2", "h3", "h4", "h5", "section-heading", "section-subheading", "ul", "ol", "sup", "sub", "strong", "b", "p"];
|
|
5
|
+
type VariantTypes = (typeof VARIANT_TYPES)[number];
|
|
6
|
+
export declare const ALLOWED_CSS_TEXT_OVERRIDE_KEYS: ["textTransform", "textDecoration", "display", "whiteSpace", "wordBreak", "wordWrap", "textAlign", "textOverflow", "overflow"];
|
|
7
|
+
export type AllowedCSSTextOverrides = Pick<CSSProperties, (typeof ALLOWED_CSS_TEXT_OVERRIDE_KEYS)[number]>;
|
|
8
|
+
export interface TypographyProps extends SpaceProps, TagProps, Pick<HTMLAttributes<HTMLElement>, "role">, Pick<AriaAttributes, "aria-hidden" | "aria-live">, AllowedCSSTextOverrides {
|
|
9
|
+
/** Adds element and creates a visual style associated with said element. */
|
|
10
|
+
variant?: VariantTypes;
|
|
11
|
+
/** Override the underlying HTML element rendered by the component. */
|
|
12
|
+
as?: React.ElementType;
|
|
13
|
+
/** Content to be rendered inside the Typography component. */
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
/** Set the ID attribute of the Typography component. */
|
|
16
|
+
id?: string;
|
|
17
|
+
/** When set to `true`, uses fluid typography with CSS clamp() values for responsive sizing. */
|
|
18
|
+
fluid?: boolean;
|
|
19
|
+
/** When set to `true`, inverts the font color for use on darker backgrounds. */
|
|
20
|
+
inverse?: boolean;
|
|
21
|
+
/** When set to `true`, the component will apply visually hidden styling, hiding the component visually but ensuring the component is still in the accessibility tree. */
|
|
22
|
+
screenReaderOnly?: boolean;
|
|
23
|
+
/** The size to apply to text. Only available for non-heading variants. */
|
|
24
|
+
size?: "M" | "L";
|
|
25
|
+
/** The color tint to apply to text. Accepts "default" for standard text color or "alt" for alternative text color. Only available for non-heading variants. */
|
|
26
|
+
tint?: "default" | "alt";
|
|
27
|
+
/** The font weight to apply to text. Only available for non-heading variants. Note: Has no effect on "strong" or "b" variants as they have fixed medium weight. */
|
|
28
|
+
weight?: "regular" | "medium";
|
|
29
|
+
/**
|
|
30
|
+
* @private
|
|
31
|
+
* @internal
|
|
32
|
+
* @ignore
|
|
33
|
+
* Sets className for component. INTERNAL USE ONLY. */
|
|
34
|
+
className?: string;
|
|
35
|
+
}
|
|
36
|
+
export declare const Typography: ({ variant, as, children, id, fluid, inverse, screenReaderOnly, size, tint, weight, role, "aria-hidden": ariaHidden, "aria-live": ariaLive, className, ...rest }: TypographyProps) => React.JSX.Element;
|
|
37
|
+
export default Typography;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../../../__internal__/utils/helpers/tags/tags.js";import t from"../../../../style/utils/filter-styled-system-padding-props.js";import i from"../../../../style/utils/filter-styled-system-margin-props.js";import n from"../../../../__internal__/filter-object-properties/filter-object-properties.js";import o from"./typography.style.js";function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const a=["h1","h2","h3","h4","h5","section-heading","section-subheading","ul","ol","sup","sub","strong","b","p"],l=["textTransform","textDecoration","display","whiteSpace","wordBreak","wordWrap","textAlign","textOverflow","overflow"],c=c=>{var p,f,{variant:u="p",as:y,children:b,id:d,fluid:O=!1,inverse:m=!1,screenReaderOnly:g=!1,size:h="M",tint:j="default",weight:v="regular",role:w,"aria-hidden":P,"aria-live":$,className:x}=c,_=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(c,["variant","as","children","id","fluid","inverse","screenReaderOnly","size","tint","weight","role","aria-hidden","aria-live","className"]);return e(o,(p=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){s(e,r,t[r])}))}return e}({id:d,as:y||("section-heading"===u?"h2":"section-subheading"===u?"h3":a.includes(u)?u:"p"),$variant:u,$fluid:O,$inverse:m,$screenReaderOnly:g,$size:h,$tint:j,$weight:v,role:w,"aria-hidden":P,"aria-live":$,className:x},r("typography",_),i(_),t(_),Object.fromEntries(Object.entries(n(_,l)).map((([e,r])=>[`$${e}`,r])))),f=null!=(f={children:b})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(f)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(f)).forEach((function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(f,e))})),p))};export{l as ALLOWED_CSS_TEXT_OVERRIDE_KEYS,c as Typography,a as VARIANT_TYPES,c as default};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { SpaceProps } from "styled-system";
|
|
2
|
+
import { AllowedCSSTextOverrides } from "./typography.component";
|
|
3
|
+
import { TypographyProps } from "./typography.component";
|
|
4
|
+
export interface StyledTypographyProps extends SpaceProps {
|
|
5
|
+
$variant?: TypographyProps["variant"];
|
|
6
|
+
$fluid?: TypographyProps["fluid"];
|
|
7
|
+
$inverse?: TypographyProps["inverse"];
|
|
8
|
+
$screenReaderOnly?: TypographyProps["screenReaderOnly"];
|
|
9
|
+
$size?: TypographyProps["size"];
|
|
10
|
+
$tint?: TypographyProps["tint"];
|
|
11
|
+
$weight?: TypographyProps["weight"];
|
|
12
|
+
$display?: AllowedCSSTextOverrides["display"];
|
|
13
|
+
$whiteSpace?: AllowedCSSTextOverrides["whiteSpace"];
|
|
14
|
+
$wordBreak?: AllowedCSSTextOverrides["wordBreak"];
|
|
15
|
+
$wordWrap?: AllowedCSSTextOverrides["wordWrap"];
|
|
16
|
+
$textAlign?: AllowedCSSTextOverrides["textAlign"];
|
|
17
|
+
$textDecoration?: AllowedCSSTextOverrides["textDecoration"];
|
|
18
|
+
$textOverflow?: AllowedCSSTextOverrides["textOverflow"];
|
|
19
|
+
$textTransform?: AllowedCSSTextOverrides["textTransform"];
|
|
20
|
+
$overflow?: AllowedCSSTextOverrides["overflow"];
|
|
21
|
+
}
|
|
22
|
+
declare const StyledTypography: import("styled-components").StyledComponent<"span", any, {
|
|
23
|
+
theme: object;
|
|
24
|
+
} & StyledTypographyProps, "theme">;
|
|
25
|
+
export default StyledTypography;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{css as e}from"styled-components";import{space as o}from"styled-system";import i from"../../../../style/themes/apply-base-theme.js";import a from"../../../../style/utils/visually-hidden.js";const r={h1:"heading-l",h2:"heading-m",h3:"heading-s",h4:"subheading-l",h5:"subheading-m","section-heading":"section-heading-m","section-subheading":"section-heading-s"},n=t.span.attrs(i).withConfig({displayName:"typography.style__StyledTypography",componentId:"sc-6c185d6b-0"})(["",""],(({$display:t,$variant:i,$fluid:n,$inverse:s,$size:d,$tint:l,$weight:$,$whiteSpace:v,$wordBreak:c,$wordWrap:f,$textAlign:m,$textDecoration:p,$textOverflow:h,$textTransform:g,$overflow:y,$screenReaderOnly:u})=>{const b=n?"fluid":"static",w="M"===d?"m":"l",x=`var(--container-standard${s?"-inverse":""}-txt-${l})`,z=i&&i in r,j="strong"===i||"b"===i,k="sup"===i||"sub"===i,O=`--global-font-${b}-body-medium-${w}`,S=`--global-font-${b}-body-${$}-${w}`;return e([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],!u&&"margin: unset;",o,u&&a,void 0!==t&&`display: ${t};`,void 0!==v&&`white-space: ${v};`,void 0!==c&&`word-break: ${c};`,void 0!==f&&`word-wrap: ${f};`,void 0!==m&&`text-align: ${m};`,void 0!==p&&`text-decoration: ${p};`,void 0!==h&&`text-overflow: ${h};`,void 0!==g&&`text-transform: ${g};`,void 0!==y&&`overflow: ${y};`,z&&e(["font:var(",");color:",";"],`--global-font-${b}-${z?r[i]:""}`,`var(--container-standard${s?"-inverse":""}-txt-default)`),j&&e(["font:var(",");color:",";"],O,x),"sup"===i&&e(["font:var(",");font-size:0.75em;color:",";vertical-align:super;"],S,x),"sub"===i&&e(["font:var(",");font-size:0.75em;color:",";vertical-align:sub;"],S,x),!z&&!j&&!k&&e(["font:var(",");color:",";"],S,x))}));export{n as default};
|
|
@@ -6,6 +6,36 @@ export interface ListProps extends TypographyProps {
|
|
|
6
6
|
export interface ListItemProps extends Omit<ListProps, "variant"> {
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
}
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated The List component is part of the legacy Typography system and will be removed in a future release.
|
|
11
|
+
* Use the Typography component with `variant="ul"` or `variant="ol"` instead, or use proper semantic HTML list elements (ul, ol, li) with Typography components inside.
|
|
12
|
+
*
|
|
13
|
+
* Example migration:
|
|
14
|
+
* ```tsx
|
|
15
|
+
* // Before
|
|
16
|
+
* <List>
|
|
17
|
+
* <ListItem>Item 1</ListItem>
|
|
18
|
+
* <ListItem>Item 2</ListItem>
|
|
19
|
+
* </List>
|
|
20
|
+
*
|
|
21
|
+
* // After (using Typography list variants)
|
|
22
|
+
* <Typography variant="ul">
|
|
23
|
+
* <Typography as="li">Item 1</Typography>
|
|
24
|
+
* <Typography as="li">Item 2</Typography>
|
|
25
|
+
* </Typography>
|
|
26
|
+
*
|
|
27
|
+
* // After (using native HTML with Typography)
|
|
28
|
+
* <ul>
|
|
29
|
+
* <li><Typography>Item 1</Typography></li>
|
|
30
|
+
* <li><Typography>Item 2</Typography></li>
|
|
31
|
+
* </ul>
|
|
32
|
+
* ```
|
|
33
|
+
*/
|
|
9
34
|
declare const List: ({ children, as, variant, ...props }: ListProps) => React.JSX.Element;
|
|
35
|
+
/**
|
|
36
|
+
* @deprecated The ListItem component is part of the legacy Typography system and will be removed in a future release.
|
|
37
|
+
* Use Typography with `as="li"` instead, or use semantic HTML li elements with Typography components inside.
|
|
38
|
+
* You can use the `as` prop on Typography to inherit list styling while using Typography's text styling capabilities.
|
|
39
|
+
*/
|
|
10
40
|
declare const ListItem: ({ children, ...props }: ListItemProps) => React.JSX.Element;
|
|
11
41
|
export { List, ListItem };
|
|
@@ -1,22 +1,43 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SpaceProps } from "styled-system";
|
|
3
3
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
4
|
-
|
|
4
|
+
import type { TypographyProps as NextTypographyProps } from "./__internal__/__next__/";
|
|
5
|
+
export declare const VARIANT_TYPES: readonly ["h1-large", "h1", "h2", "h3", "h4", "h5", "segment-header", "section-heading", "segment-header-small", "segment-subheader", "section-subheading", "segment-subheader-alt", "p", "span", "small", "big", "sup", "sub", "strong", "b", "em", "ul", "ol"];
|
|
5
6
|
export type VariantTypes = (typeof VARIANT_TYPES)[number];
|
|
6
|
-
export interface TypographyProps extends SpaceProps, TagProps {
|
|
7
|
+
export interface TypographyProps extends SpaceProps, TagProps, Pick<NextTypographyProps, "weight" | "tint" | "size" | "fluid" | "inverse" | "overflow"> {
|
|
7
8
|
/** Override the variant component */
|
|
8
9
|
as?: React.ElementType;
|
|
9
10
|
/** Set the ID attribute of the Typography component */
|
|
10
11
|
id?: string;
|
|
11
12
|
/** Content to be rendered inside the Typography component */
|
|
12
13
|
children?: React.ReactNode;
|
|
13
|
-
/**
|
|
14
|
+
/**
|
|
15
|
+
* The visual style to apply to the component. Supported variants include:
|
|
16
|
+
* h1, h2, h3, h4, h5, section-heading, section-subheading, p (default),
|
|
17
|
+
* sup, sub, strong, b, ul, ol
|
|
18
|
+
*
|
|
19
|
+
* The following variant values are deprecated with recommended alternatives:
|
|
20
|
+
* - "h1-large" -> use "h1" instead
|
|
21
|
+
* - "segment-header" -> use "section-heading" instead
|
|
22
|
+
* - "segment-header-small" -> use "section-subheading" instead
|
|
23
|
+
* - "segment-subheader" / "segment-subheader-alt" -> use "h5" instead
|
|
24
|
+
* - "span" -> use "p" instead
|
|
25
|
+
* - "small" -> use "p" with the `size` prop set to "M"
|
|
26
|
+
* - "big" -> use "h5" or "h4" depending on context, or "p" with `size` prop set to "L"
|
|
27
|
+
* - "em" -> use "strong" or "b" for semantic emphasis
|
|
28
|
+
*/
|
|
14
29
|
variant?: VariantTypes;
|
|
15
|
-
/**
|
|
30
|
+
/**
|
|
31
|
+
* @deprecated Use the new `size` prop for paragraphs or choose the appropriate variant for other variants. This prop will eventually be removed.
|
|
32
|
+
* Override the variant font-size */
|
|
16
33
|
fontSize?: string;
|
|
17
|
-
/**
|
|
34
|
+
/**
|
|
35
|
+
* @deprecated Use the new `weight` prop for paragraphs or choose the appropriate variant for other variants. This prop will eventually be removed.
|
|
36
|
+
* Override the variant font-weight */
|
|
18
37
|
fontWeight?: string;
|
|
19
|
-
/**
|
|
38
|
+
/**
|
|
39
|
+
* @deprecated Choose the appropriate variant for your use case, as each variant has its own line-height. This prop will eventually be removed.
|
|
40
|
+
* Override the variant line-height */
|
|
20
41
|
lineHeight?: string;
|
|
21
42
|
/** Override the variant text-transform */
|
|
22
43
|
textTransform?: string;
|
|
@@ -24,7 +45,9 @@ export interface TypographyProps extends SpaceProps, TagProps {
|
|
|
24
45
|
textDecoration?: string;
|
|
25
46
|
/** Override the variant display */
|
|
26
47
|
display?: string;
|
|
27
|
-
/**
|
|
48
|
+
/**
|
|
49
|
+
* @deprecated This prop no longer has any effect. This prop will eventually be removed.
|
|
50
|
+
* Override the list-style-type */
|
|
28
51
|
listStyleType?: string;
|
|
29
52
|
/** Override the white-space */
|
|
30
53
|
whiteSpace?: string;
|
|
@@ -36,20 +59,31 @@ export interface TypographyProps extends SpaceProps, TagProps {
|
|
|
36
59
|
textAlign?: string;
|
|
37
60
|
/** Override the text-overflow */
|
|
38
61
|
textOverflow?: string;
|
|
39
|
-
/**
|
|
62
|
+
/**
|
|
63
|
+
* @deprecated Use `textOverflow` and `whiteSpace` props instead. This prop will eventually be removed.
|
|
64
|
+
* Apply truncation */
|
|
40
65
|
truncate?: boolean;
|
|
41
|
-
/**
|
|
66
|
+
/**
|
|
67
|
+
* @deprecated This prop no longer has any effect. This prop will eventually be removed.
|
|
68
|
+
* Override the color style. If a white colour is needed, use the `inverse` prop instead. */
|
|
42
69
|
color?: string;
|
|
43
|
-
/**
|
|
70
|
+
/**
|
|
71
|
+
* @deprecated This prop no longer has any effect. This prop will eventually be removed.
|
|
72
|
+
* Override the backgroundColor style */
|
|
44
73
|
backgroundColor?: string;
|
|
45
|
-
/**
|
|
74
|
+
/**
|
|
75
|
+
* @deprecated This prop no longer has any effect. This prop will eventually be removed.
|
|
76
|
+
* Override the bg value shorthand for backgroundColor */
|
|
46
77
|
bg?: string;
|
|
47
|
-
/**
|
|
78
|
+
/**
|
|
79
|
+
* @deprecated This prop no longer has any effect. This prop will eventually be removed.
|
|
80
|
+
* Override the opacity value */
|
|
48
81
|
opacity?: string | number;
|
|
49
82
|
/** Set whether it will be visually hidden
|
|
50
83
|
* NOTE: This is for screen readers only and will make a lot of the other props redundant */
|
|
51
84
|
screenReaderOnly?: boolean;
|
|
52
85
|
/**
|
|
86
|
+
* @deprecated
|
|
53
87
|
* @private
|
|
54
88
|
* @ignore
|
|
55
89
|
* Override the default color of the rendered element to match disabled styling
|
|
@@ -71,7 +105,7 @@ export interface TypographyProps extends SpaceProps, TagProps {
|
|
|
71
105
|
"data-component"?: string;
|
|
72
106
|
}
|
|
73
107
|
export declare const Typography: {
|
|
74
|
-
({
|
|
108
|
+
({ variant, as, id, fluid, inverse, size, tint, weight, truncate, color, children, screenReaderOnly, "aria-live": ariaLive, "aria-hidden": ariaHidden, ...rest }: TypographyProps): React.JSX.Element;
|
|
75
109
|
displayName: string;
|
|
76
110
|
};
|
|
77
111
|
export default Typography;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import"react";import
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../__internal__/filter-object-properties/filter-object-properties.js";import{ALLOWED_CSS_TEXT_OVERRIDE_KEYS as t}from"./__internal__/__next__/typography.component.js";import n from"./typography.style.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const o=["h1-large","h1","h2","h3","h4","h5","segment-header","section-heading","segment-header-small","segment-subheader","section-subheading","segment-subheader-alt","p","span","small","big","sup","sub","strong","b","em","ul","ol"],l={"h1-large":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5","segment-header":"h2","segment-header-small":"h3","segment-subheader":"h5","segment-subheader-alt":"h5","section-heading":"h2","section-subheading":"h3",p:"p",span:"span",small:"small",big:"big",sup:"sup",sub:"sub",strong:"strong",em:"em",b:"b",ul:"ul",ol:"ol"},c=e=>{var r;return null!==(r=e&&l[e])&&void 0!==r?r:"p"},h=a=>{var{variant:o="p",as:l,id:h,fluid:u=!1,inverse:p=!1,size:b="M",tint:f="default",weight:d="regular",truncate:g=!1,color:m,children:y,screenReaderOnly:O=!1,"aria-live":j,"aria-hidden":v}=a,w=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,["variant","as","id","fluid","inverse","size","tint","weight","truncate","color","children","screenReaderOnly","aria-live","aria-hidden"]);const P=(e=>{switch(e){case"h1-large":return"h1";case"segment-header":return"section-heading";case"segment-header-small":return"section-subheading";case"segment-subheader":case"segment-subheader-alt":return"h5";default:return e}})(o),_=r(w,t);g&&(_.overflow="hidden",_.whiteSpace="nowrap",_.textOverflow="ellipsis");const S=new Set(["white","#fff","#ffffff","rgb(255,255,255)","rgb(255, 255, 255)"]),x=p||m&&S.has(m);return e(n,s(i(s(i({variant:P,forwardedAs:l||c(o),id:h},_),{fluid:u,inverse:x,screenReaderOnly:O,"aria-live":j,"aria-hidden":v,size:b,tint:f,weight:d}),w),{children:y}))};h.displayName="Typography";export{h as Typography,o as VARIANT_TYPES,h as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TypographyProps } from "./typography.component";
|
|
2
|
-
declare const StyledTypography: import("styled-components").StyledComponent<"
|
|
2
|
+
declare const StyledTypography: import("styled-components").StyledComponent<({ variant, as, children, id, fluid, inverse, screenReaderOnly, size, tint, weight, role, "aria-hidden": ariaHidden, "aria-live": ariaLive, className, ...rest }: import("./__internal__/__next__").TypographyProps) => import("react").JSX.Element, any, {
|
|
3
3
|
theme: object;
|
|
4
4
|
} & TypographyProps, "theme">;
|
|
5
5
|
export default StyledTypography;
|