carbon-react 159.13.4 → 159.15.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.
Files changed (99) hide show
  1. package/esm/__internal__/hint-text/hint-text-style-overrides.style.d.ts +2 -0
  2. package/esm/__internal__/hint-text/hint-text-style-overrides.style.js +1 -0
  3. package/esm/__internal__/hint-text/hint-text.style.js +1 -1
  4. package/esm/__internal__/input/input-style-overrides.style.d.ts +1 -1
  5. package/esm/__internal__/input/input-style-overrides.style.js +1 -1
  6. package/esm/__internal__/input/input.style.js +1 -1
  7. package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
  8. package/esm/__internal__/label/label-style-overrides.style.d.ts +2 -0
  9. package/esm/__internal__/label/label-style-overrides.style.js +1 -0
  10. package/esm/__internal__/label/label.style.js +1 -1
  11. package/esm/__internal__/validation-message/__next__/validation-message-style-overrides.style.d.ts +2 -0
  12. package/esm/__internal__/validation-message/__next__/validation-message-style-overrides.style.js +1 -0
  13. package/esm/__internal__/validation-message/__next__/validation-message.style.js +1 -1
  14. package/esm/components/flat-table/flat-table.style.js +1 -1
  15. package/esm/components/icon/icon.style.js +1 -1
  16. package/esm/components/link/link.style.js +1 -1
  17. package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  18. package/esm/components/menu/menu-item/menu-item.style.js +1 -1
  19. package/esm/components/pager/__internal__/{pager-navigation.component.d.ts → pagination-navigation.component.d.ts} +11 -13
  20. package/esm/components/pager/__internal__/pagination-navigation.component.js +1 -0
  21. package/esm/components/pager/__internal__/pagination-navigation.style.d.ts +12 -0
  22. package/esm/components/pager/__internal__/pagination-navigation.style.js +1 -0
  23. package/esm/components/pager/index.js +1 -1
  24. package/esm/components/pager/pager.component.d.ts +50 -25
  25. package/esm/components/pager/pager.component.js +1 -1
  26. package/esm/components/pager/pager.style.d.ts +5 -21
  27. package/esm/components/pager/pager.style.js +1 -1
  28. package/esm/components/search/__internal__/legacy/search-button.style.js +1 -0
  29. package/esm/components/search/__internal__/legacy/search.component.d.ts +71 -0
  30. package/esm/components/search/__internal__/legacy/search.component.js +1 -0
  31. package/esm/components/search/__internal__/legacy/search.style.js +1 -0
  32. package/esm/components/search/search.component.d.ts +24 -28
  33. package/esm/components/search/search.component.js +1 -1
  34. package/esm/components/textbox/__internal__/__next__/text-input.component.js +1 -1
  35. package/esm/components/textbox/__internal__/__next__/text-input.style.js +1 -1
  36. package/esm/index.js +1 -1
  37. package/esm/locales/de-de.js +1 -1
  38. package/esm/locales/en-gb.js +1 -1
  39. package/esm/locales/es-es.js +1 -1
  40. package/esm/locales/fr-ca.js +1 -1
  41. package/esm/locales/fr-fr.js +1 -1
  42. package/esm/locales/locale.d.ts +22 -8
  43. package/lib/__internal__/hint-text/hint-text-style-overrides.style.d.ts +2 -0
  44. package/lib/__internal__/hint-text/hint-text-style-overrides.style.js +1 -0
  45. package/lib/__internal__/hint-text/hint-text.style.js +1 -1
  46. package/lib/__internal__/input/input-style-overrides.style.d.ts +1 -1
  47. package/lib/__internal__/input/input-style-overrides.style.js +1 -1
  48. package/lib/__internal__/input/input.style.js +1 -1
  49. package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
  50. package/lib/__internal__/label/label-style-overrides.style.d.ts +2 -0
  51. package/lib/__internal__/label/label-style-overrides.style.js +1 -0
  52. package/lib/__internal__/label/label.style.js +1 -1
  53. package/lib/__internal__/validation-message/__next__/validation-message-style-overrides.style.d.ts +2 -0
  54. package/lib/__internal__/validation-message/__next__/validation-message-style-overrides.style.js +1 -0
  55. package/lib/__internal__/validation-message/__next__/validation-message.style.js +1 -1
  56. package/lib/components/flat-table/flat-table.style.js +1 -1
  57. package/lib/components/icon/icon.style.js +1 -1
  58. package/lib/components/link/link.style.js +1 -1
  59. package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  60. package/lib/components/menu/menu-item/menu-item.style.js +1 -1
  61. package/lib/components/pager/__internal__/{pager-navigation.component.d.ts → pagination-navigation.component.d.ts} +11 -13
  62. package/lib/components/pager/__internal__/pagination-navigation.component.js +1 -0
  63. package/lib/components/pager/__internal__/pagination-navigation.style.d.ts +12 -0
  64. package/lib/components/pager/__internal__/pagination-navigation.style.js +1 -0
  65. package/lib/components/pager/index.js +1 -1
  66. package/lib/components/pager/pager.component.d.ts +50 -25
  67. package/lib/components/pager/pager.component.js +1 -1
  68. package/lib/components/pager/pager.style.d.ts +5 -21
  69. package/lib/components/pager/pager.style.js +1 -1
  70. package/lib/components/search/__internal__/legacy/search-button.style.js +1 -0
  71. package/lib/components/search/__internal__/legacy/search.component.d.ts +71 -0
  72. package/lib/components/search/__internal__/legacy/search.component.js +1 -0
  73. package/lib/components/search/__internal__/legacy/search.style.js +1 -0
  74. package/lib/components/search/search.component.d.ts +24 -28
  75. package/lib/components/search/search.component.js +1 -1
  76. package/lib/components/textbox/__internal__/__next__/text-input.component.js +1 -1
  77. package/lib/components/textbox/__internal__/__next__/text-input.style.js +1 -1
  78. package/lib/index.js +1 -1
  79. package/lib/locales/de-de.js +1 -1
  80. package/lib/locales/en-gb.js +1 -1
  81. package/lib/locales/es-es.js +1 -1
  82. package/lib/locales/fr-ca.js +1 -1
  83. package/lib/locales/fr-fr.js +1 -1
  84. package/lib/locales/locale.d.ts +22 -8
  85. package/package.json +1 -1
  86. package/esm/components/pager/__internal__/pager-navigation-link.component.d.ts +0 -19
  87. package/esm/components/pager/__internal__/pager-navigation-link.component.js +0 -1
  88. package/esm/components/pager/__internal__/pager-navigation.component.js +0 -1
  89. package/esm/components/search/search-button.style.js +0 -1
  90. package/esm/components/search/search.style.js +0 -1
  91. package/lib/components/pager/__internal__/pager-navigation-link.component.d.ts +0 -19
  92. package/lib/components/pager/__internal__/pager-navigation-link.component.js +0 -1
  93. package/lib/components/pager/__internal__/pager-navigation.component.js +0 -1
  94. package/lib/components/search/search-button.style.js +0 -1
  95. package/lib/components/search/search.style.js +0 -1
  96. /package/esm/components/search/{search-button.style.d.ts → __internal__/legacy/search-button.style.d.ts} +0 -0
  97. /package/esm/components/search/{search.style.d.ts → __internal__/legacy/search.style.d.ts} +0 -0
  98. /package/lib/components/search/{search-button.style.d.ts → __internal__/legacy/search-button.style.d.ts} +0 -0
  99. /package/lib/components/search/{search.style.d.ts → __internal__/legacy/search.style.d.ts} +0 -0
@@ -0,0 +1,2 @@
1
+ declare const hintTextStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
2
+ export default hintTextStyleOverrides;
@@ -0,0 +1 @@
1
+ import{css as e}from"styled-components";const t=e([".search.inverse &{color:var(--input-labelset-inverse-label-alt);}"]),l=e(["",""],t);export{l as default};
@@ -1 +1 @@
1
- import t from"styled-components";const a=t.span.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"sc-8ce52069-0"})(["color:",";font:",";"],(({$disabled:t})=>t?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-alt)"),(({$size:t})=>(t=>{switch(t){case"small":return"var(--global-font-static-comp-regular-s)";case"large":return"var(--global-font-static-comp-regular-l)";default:return"var(--global-font-static-comp-regular-m)"}})(t)));export{a as default};
1
+ import t from"styled-components";import e from"./hint-text-style-overrides.style.js";const l=t.span.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"sc-25859ede-0"})(["color:",";font:",";",""],(({$disabled:t})=>t?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-alt)"),(({$size:t})=>(t=>{switch(t){case"small":return"var(--global-font-static-comp-regular-s)";case"large":return"var(--global-font-static-comp-regular-l)";default:return"var(--global-font-static-comp-regular-m)"}})(t)),e);export{l as default};
@@ -3,7 +3,7 @@
3
3
  */
4
4
  export declare const dateStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
5
5
  export declare const searchStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
6
+ export declare const searchNewStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
6
7
  export declare const selectStyleOverrides: ($size?: string, $isDisabled?: boolean, $isReadOnly?: boolean) => import("styled-components").FlattenSimpleInterpolation;
7
- export declare const pagerStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
8
8
  export declare const numeralDateStyles: import("styled-components").FlattenSimpleInterpolation;
9
9
  export declare const passwordStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
@@ -1 +1 @@
1
- import{css as t}from"styled-components";import a from"../../style/utils/add-focus-styling.js";const o=t([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),n=t([".search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),r=t([".search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),e=t([".search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),i=t([".search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),l=t([".search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),p=t([".search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),s=t([".search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),c=t([""," "," "," "," "," "," ",""],n,r,e,i,l,p,s),d=t(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),u=t([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),g=t(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),b=(a,o,n)=>t([""," "," "," "," ",""],g,((a,o)=>t(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!a&&!o&&t(["cursor:pointer;*{cursor:pointer;}"])))(o,n),d,u,(a=>t([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===a&&t(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===a&&t(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===a&&t(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(a)),h=t([".pager-navigation &{margin:4px 8px;height:26px;min-height:unset;.input-text-container{padding:0px;line-height:26px;min-height:24px;input{text-align:center;padding:0;}}}"]),x=t(["&&&{.pager-size-options &{min-height:unset;.input-text-container{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;.select-text:not(.disabled):not(.read-only){width:calc(100% - 28px);}}}}"]),v=t([""," ",""],h,x),m=t([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]),w=t(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],a());export{o as dateStyleOverrides,m as numeralDateStyles,v as pagerStyleOverrides,w as passwordStyleOverrides,c as searchStyleOverrides,b as selectStyleOverrides};
1
+ import{css as a}from"styled-components";import o from"../../style/utils/add-focus-styling.js";const t=a([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),r="url(\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9497 5.05022C15.3403 5.44074 15.3403 6.07391 14.9497 6.46443L11.4142 9.99997L14.9497 13.5355C15.3403 13.926 15.3403 14.5592 14.9497 14.9497C14.5592 15.3402 13.9261 15.3402 13.5355 14.9497L10 11.4142L6.46446 14.9497C6.07394 15.3402 5.44077 15.3402 5.05025 14.9497C4.65972 14.5592 4.65972 13.926 5.05025 13.5355L8.58578 9.99997L5.05025 6.46443C4.65972 6.07391 4.65972 5.44074 5.05025 5.05022C5.44077 4.65969 6.07394 4.65969 6.46446 5.05022L10 8.58575L13.5355 5.05022C13.9261 4.65969 14.5592 4.65969 14.9497 5.05022Z'/%3E%3C/svg%3E\")",e=a([".legacy-search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),n=a([".legacy-search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),l=a([".legacy-search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),i=a([".legacy-search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),c=a([".legacy-search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.legacy-search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),s=a([".legacy-search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),u=a([".legacy-search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),p=a([""," "," "," "," "," "," ",""],e,n,l,i,c,s,u),b=a(['.search &{--search-clear-icon-color:var(--button-typical-subtle-label-default);--search-button-icon-color:var(--button-typical-subtle-label-default);--search-button-hover-bg:var(--button-typical-subtle-bg-hover);--search-button-hover-icon-color:var(--button-typical-subtle-label-hover);input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:var(--global-size-2-xs);height:var(--global-size-2-xs);background-color:var(--search-clear-icon-color);-webkit-mask:center / contain no-repeat ',";mask:center / contain no-repeat ",';cursor:pointer;}button{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);}button:hover{background-color:var(--search-button-hover-bg);}button span[type="search"]{color:var(--search-button-icon-color);}button:hover span[type="search"]{color:var(--search-button-hover-icon-color);}&:focus-within:has(:focus:not(button)){box-shadow:none;-webkit-box-shadow:none;}.input-text-container input[type="search"]:focus{border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);'," z-index:2;}}"],r,r,o()),d=a(['.search.inverse &{--search-clear-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-hover-bg:var(--button-typical-subtle-inverse-bg-hover);--search-button-hover-icon-color:var( --button-typical-subtle-inverse-label-hover );background-color:var(--input-typical-inverse-bg-default);&[data-role="input-container"]{border-color:var(--input-typical-inverse-border-default);}.input-text-container input[type="search"]{color:var(--input-typical-inverse-txt-default);}}.search.inverse.error &{border-color:var(--input-validation-inverse-border-error);}']),v=a([""," ",""],b,d),g=a(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),h=a([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),x=a(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),m=(o,t,r)=>a([""," "," "," "," ",""],x,((o,t)=>a(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!o&&!t&&a(["cursor:pointer;*{cursor:pointer;}"])))(t,r),g,h,(o=>a([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===o&&a(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===o&&a(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===o&&a(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(o)),y=a([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]),w=a(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],o());export{t as dateStyleOverrides,y as numeralDateStyles,w as passwordStyleOverrides,v as searchNewStyleOverrides,p as searchStyleOverrides,m as selectStyleOverrides};
@@ -1 +1 @@
1
- import a,{css as e}from"styled-components";import t from"../../style/utils/add-focus-styling.js";import{dateStyleOverrides as l,searchStyleOverrides as o,selectStyleOverrides as r,pagerStyleOverrides as i,numeralDateStyles as n,passwordStyleOverrides as d}from"./input-style-overrides.style.js";const s=a.div.withConfig({displayName:"input.style__InputContainer",componentId:"sc-6ec36578-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}',""],(({$align:a,$error:l,$isDisabled:o,$isReadOnly:r,$size:i})=>e(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===i&&e(["min-height:var(--global-size-s);"]),"medium"===i&&e(["min-height:var(--global-size-m);"]),"large"===i&&e(["min-height:var(--global-size-l);"]),r&&e(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],t()),o&&e(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!o&&!r&&e(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],t()),!o&&!r&&e(["background:var(--input-typical-bg-default);border:",";"],l?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),a,r&&e(["color:var(--input-typical-txt-read-only);"]),o&&e(["color:var(--input-typical-txt-disabled);"]),!r&&!o&&e(["color:var(--input-typical-txt-default);"]),"small"===i&&e(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===i&&e(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===i&&e(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),l,o,(({$size:a,$isDisabled:e,$isReadOnly:t})=>r(a,e,t)),i,n,d);export{s as default};
1
+ import a,{css as e}from"styled-components";import t from"../../style/utils/add-focus-styling.js";import{dateStyleOverrides as l,searchNewStyleOverrides as o,searchStyleOverrides as r,selectStyleOverrides as i,numeralDateStyles as n,passwordStyleOverrides as d}from"./input-style-overrides.style.js";const s=a.div.withConfig({displayName:"input.style__InputContainer",componentId:"sc-ea58d5e2-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}',""],(({$align:a,$error:l,$isDisabled:o,$isReadOnly:r,$size:i})=>e(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===i&&e(["min-height:var(--global-size-s);"]),"medium"===i&&e(["min-height:var(--global-size-m);"]),"large"===i&&e(["min-height:var(--global-size-l);"]),r&&e(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],t()),o&&e(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!o&&!r&&e(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],t()),!o&&!r&&e(["background:var(--input-typical-bg-default);border:",";"],l?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),a,r&&e(["color:var(--input-typical-txt-read-only);"]),o&&e(["color:var(--input-typical-txt-disabled);"]),!r&&!o&&e(["color:var(--input-typical-txt-default);"]),"small"===i&&e(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===i&&e(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===i&&e(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),l,o,r,(({$size:a,$isDisabled:e,$isReadOnly:t})=>i(a,e,t)),n,d);export{s as default};
@@ -1 +1 @@
1
- import e,{css as t}from"styled-components";import s from"../legacy-input/input-sizes.style.js";import i from"../../style/utils/add-focus-styling.js";const l=e.span.withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"sc-d77c1680-0"})(["align-items:center;cursor:pointer;display:flex;justify-content:center;align-self:stretch;"," "," "," "," .pager-size-options &{margin-left:0;width:20px;height:24px;align-self:center;}.multi-select &,.filterable-select &{cursor:pointer;}"],(({$size:e="medium"})=>t(["width:",";"],s[e].height)),(({$disabled:e})=>e&&t(["cursor:not-allowed;"])),(({$readOnly:e})=>e&&t(["cursor:default;"])),(({$blockFocusStyling:e})=>!e&&t(["&:focus{","}"],i())));export{l as default};
1
+ import t,{css as e}from"styled-components";import s from"../legacy-input/input-sizes.style.js";import o from"../../style/utils/add-focus-styling.js";const l=t.span.withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"sc-9c9529d2-0"})(["align-items:center;cursor:pointer;display:flex;justify-content:center;align-self:stretch;"," "," "," "," .multi-select &,.filterable-select &{cursor:pointer;}"],(({$size:t="medium"})=>e(["width:",";"],s[t].height)),(({$disabled:t})=>t&&e(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e(["cursor:default;"])),(({$blockFocusStyling:t})=>!t&&e(["&:focus{","}"],o())));export{l as default};
@@ -0,0 +1,2 @@
1
+ declare const labelStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
2
+ export default labelStyleOverrides;
@@ -0,0 +1 @@
1
+ import{css as e}from"styled-components";const t=e([".search.inverse &{color:var(--input-labelset-inverse-label-default);}"]),l=e(["",""],t);export{l as default};
@@ -1 +1 @@
1
- import e,{css as l}from"styled-components";const a=e=>{switch(e){case"small":return"var(--global-font-static-comp-medium-s)";case"large":return"var(--global-font-static-comp-medium-l)";default:return"var(--global-font-static-comp-medium-m)"}},t=e.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-bf6c67e5-0"})(["",";font:",";"," .numeral-date-wrapper &,.time &{font:var(--global-font-static-comp-regular-m);}"],(({$disabled:e,$readOnly:l})=>e?"\n cursor: not-allowed;\n color: var(--input-labelset-label-disabled);\n ":l?"\n cursor: pointer;\n color: var(--input-labelset-label-readOnly);\n ":"\n cursor: pointer;\n color: var(--input-labelset-label-default);\n "),(({$size:e})=>a(e)),(({$isRequired:e,$size:t,$disabled:r})=>e&&l(['display:inline-flex;align-items:center;::after{content:"*";color:',";font:",";margin-left:4px;}"],r?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-required)",a(t))));export{t as default};
1
+ import e,{css as l}from"styled-components";import a from"./label-style-overrides.style.js";const t=e=>{switch(e){case"small":return"var(--global-font-static-comp-medium-s)";case"large":return"var(--global-font-static-comp-medium-l)";default:return"var(--global-font-static-comp-medium-m)"}},r=e.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-9cb7a248-0"})(["",";font:",";"," .numeral-date-wrapper &,.time &{font:var(--global-font-static-comp-regular-m);}",""],(({$disabled:e,$readOnly:l})=>e?"\n cursor: not-allowed;\n color: var(--input-labelset-label-disabled);\n ":l?"\n cursor: pointer;\n color: var(--input-labelset-label-readOnly);\n ":"\n cursor: pointer;\n color: var(--input-labelset-label-default);\n "),(({$size:e})=>t(e)),(({$isRequired:e,$size:a,$disabled:r})=>e&&l(['display:inline-flex;align-items:center;::after{content:"*";color:',";font:",";margin-left:4px;}"],r?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-required)",t(a))),a);export{r as default};
@@ -0,0 +1,2 @@
1
+ declare const validationMessageStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
2
+ export default validationMessageStyleOverrides;
@@ -0,0 +1 @@
1
+ import{css as e}from"styled-components";const r=e([".search.inverse &{color:var(--input-validation-inverse-label-error);}"]),o=e(["",""],r);export{o as default};
@@ -1 +1 @@
1
- import a,{css as t}from"styled-components";const l=a.span.withConfig({displayName:"validation-message.style__StyledValidationMessage",componentId:"sc-554aba6-0"})(["",""],(({$isError:a,$size:l})=>t(["display:flex;align-items:center;align-content:center;align-self:stretch;flex-wrap:wrap;margin:0px;color:",";"," "," ",""],a?"var(--input-validation-label-error)":"var(--input-validation-label-warn)","large"===l&&t(["font:",";"],a?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-regular-l)"),"medium"===l&&t(["font:",";"],a?"var(--global-font-static-comp-medium-m)":"var(--global-font-static-comp-regular-m)"),"small"===l&&t(["font:",";"],a?"var(--global-font-static-comp-medium-s)":"var(--global-font-static-comp-regular-s)"))));export{l as default};
1
+ import a,{css as t}from"styled-components";import l from"./validation-message-style-overrides.style.js";const o=a.span.withConfig({displayName:"validation-message.style__StyledValidationMessage",componentId:"sc-ade67d83-0"})(["",""],(({$isError:a,$size:o})=>t(["display:flex;align-items:center;align-content:center;align-self:stretch;flex-wrap:wrap;margin:0px;color:",";"," "," "," ",""],a?"var(--input-validation-label-error)":"var(--input-validation-label-warn)","large"===o&&t(["font:",";"],a?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-regular-l)"),"medium"===o&&t(["font:",";"],a?"var(--global-font-static-comp-medium-m)":"var(--global-font-static-comp-regular-m)"),"small"===o&&t(["font:",";"],a?"var(--global-font-static-comp-medium-s)":"var(--global-font-static-comp-regular-s)"),l)));export{o as default};
@@ -1 +1 @@
1
- import o,{css as r}from"styled-components";import t from"./flat-table-header/flat-table-header.style.js";import a from"./flat-table-row/flat-table-row.style.js";import{StyledFlatTableRowHeader as l}from"./flat-table-row-header/flat-table-row-header.style.js";import i from"./flat-table-head/flat-table-head.style.js";import e from"./flat-table-checkbox/flat-table-checkbox.style.js";import d from"../../style/themes/apply-base-theme.js";import{StyledFlatTableCell as s}from"./flat-table-cell/flat-table-cell.style.js";import c from"./cell-sizes.style.js";import b from"../box/box.style.js";import{StyledPagerContainer as n}from"../pager/pager.style.js";import y from"../../style/utils/add-focus-styling.js";const h=o.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"sc-e272cfd9-0"})([""," :focus{outline:none;}"],(({width:o,overflowX:t})=>o&&r(["width:",";",""],o,t&&`overflow-x: ${t};`))),f=o.table.withConfig({displayName:"flat-table.style__StyledFlatTable",componentId:"sc-e272cfd9-1"})(["border-collapse:separate;border-spacing:0;width:100%;@-moz-document url-prefix(){overflow:hidden;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);}"," "," ",""],(({caption:o})=>o&&r(["caption{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute;top:-99999px;}"])),(({size:o})=>{const{height:i,fontSize:d,paddingSize:b}=c[o];return r(["","{height:",";}"," > div,"," > div,"," > div,"," > div{font-size:",";padding-left:",";padding-right:",";}"],a,i,s,t,l,e,d,b,b)}),(({isZebra:o})=>o&&r(["",":nth-child(2n){",",",",","{background-color:var(--colorsUtilityMajor010);}}",":hover{",",",",",":not(th){background-color:var(--colorsUtilityMajor025);}}"],a,l,s,e,a,s,l,e))),p=o(b).attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableWrapper",componentId:"sc-e272cfd9-2"})(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"," "," "," "," "," "," "," ",",",".isSticky,"," ",".isSticky{z-index:",";}thead ",".isSticky,",".isSticky{border-right:none;}",",","{z-index:",";}thead{",":first-of-type{th:first-of-type{border-top-left-radius:var(--borderRadius100);}","}}tbody ",",",".isSticky,tbody ",".isSticky{z-index:",";}tbody ",".bringToFront,",".bringToFront,tbody ",".bringToFront{z-index:",";}"," ",""],(({hasOuterVerticalBorders:o})=>!o&&r(["","{& > ",":first-child{border-left-color:var(--colorsUtilityMajorTransparent);}& > ",":last-child{border-right-color:var(--colorsUtilityMajorTransparent);}}"],a,s,s)),(({hasStickyFooter:o,hasHorizontalScrollbar:t,bottomBorderRadius:a})=>!o&&!t&&r(["border-bottom-left-radius:var(--",");border-bottom-right-radius:var(--",");"],a,a)),(({isInSidebar:o})=>r(["box-sizing:border-box;:has(",":focus-visible){","}",""],h,y(),o?"min-width: fit-content;":"")),(({colorTheme:o})=>{switch(o){case"light":return r(["",","," ","{background-color:var(--colorsUtilityMajor100);border-right:1px solid var(--colorsUtilityMajor150);border-bottom-color:var(--colorsUtilityMajor150);}"," ","{background-color:var(--colorsUtilityMajor100);border-bottom-color:var(--colorsUtilityMajor150);border-right-color:var(--colorsUtilityMajor150);border-left-color:var(--colorsUtilityMajor150);}"],t,i,e,i,l);case"transparent-base":return r(["",","," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityMajor025);border-left-color:var(--colorsUtilityMajor025);}"],t,i,e,i,l);case"transparent-white":return r(["",","," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityYang100);border-left-color:var(--colorsUtilityYang100);}"],t,i,e,i,l);default:return r([""," ",",",",","{background-color:var(--colorsUtilityMajor400);border-right:1px solid var(--colorsUtilityMajor300);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);}"," ","{background-color:var(--colorsUtilityMajor400);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);border-right-color:var(--colorsUtilityMajor300);border-left-color:var(--colorsUtilityMajor300);}"],i,e,t,i,i,l)}}),(({isInSidebar:o})=>o&&r(["","{background-color:var(--colorsUtilityMajor040);}",","," ",","," ","{background-color:var(--colorsUtilityMajor040);border-right:2px solid var(--colorsUtilityMajor040);color:var(--colorsUtilityYin090);border-bottom-color:var(--colorsUtilityMajor100);}"],i,t,i,l,i,e)),(({hasStickyHead:o,theme:t})=>o&&r(["","{position:sticky;top:0;left:0;z-index:",";}"],i,t.zIndex.overlay+5)),i,l,t,i,e,(({theme:o})=>o.zIndex.overlay+5),t,e,t,e,(({theme:o})=>o.zIndex.overlay+3),a,(({hasVerticalScrollbar:o})=>!o&&r(["th:last-of-type{border-top-right-radius:var(--borderRadius100);}"])),l,s,e,(({theme:o})=>o.zIndex.overlay),l,s,e,(({theme:o})=>o.zIndex.overlay+5),(({footer:o})=>o&&r(["tr:last-child:focus{:after{border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}"])),(({footer:o,firstColRowSpanIndex:t,lastColRowSpanIndex:l,hasHorizontalScrollbar:i,hasVerticalScrollbar:e,bottomBorderRadius:d})=>!o&&r(["tbody{"," "," ",":last-of-type{"," ","}}"],t>=0&&r(["",":nth-of-type(","){th:first-child,td:first-child{border-bottom-left-radius:var(--borderRadius100);}}"],a,t+1),l>=0&&!i&&r(["",":nth-of-type(","){th:last-child,td:last-child{border-bottom-right-radius:var(--borderRadius100);}}"],a,l+1),a,!i&&-1===t&&r(["th:first-child,td:first-child{border-bottom-left-radius:var(--",");}"],d),!e&&!i&&-1===l&&r(["th:last-child,td:last-child{border-bottom-right-radius:var(--",");}"],d)))),v=o.div.attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableFooter",componentId:"sc-e272cfd9-3"})(["& > ","{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}",""],n,(({hasStickyFooter:o,theme:t})=>o&&r(["position:sticky;bottom:0px;z-index:",";","{border-bottom-left-radius:0;border-bottom-right-radius:0;}"],t.zIndex.overlay+1,n)));export{f as StyledFlatTable,v as StyledFlatTableFooter,p as StyledFlatTableWrapper,h as StyledTableContainer};
1
+ import o,{css as r}from"styled-components";import t from"./flat-table-header/flat-table-header.style.js";import a from"./flat-table-row/flat-table-row.style.js";import{StyledFlatTableRowHeader as l}from"./flat-table-row-header/flat-table-row-header.style.js";import i from"./flat-table-head/flat-table-head.style.js";import e from"./flat-table-checkbox/flat-table-checkbox.style.js";import d from"../../style/themes/apply-base-theme.js";import{StyledFlatTableCell as s}from"./flat-table-cell/flat-table-cell.style.js";import c from"./cell-sizes.style.js";import b from"../box/box.style.js";import{StyledPagination as n}from"../pager/pager.style.js";import y from"../../style/utils/add-focus-styling.js";const h=o.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"sc-21607060-0"})([""," :focus{outline:none;}"],(({width:o,overflowX:t})=>o&&r(["width:",";",""],o,t&&`overflow-x: ${t};`))),f=o.table.withConfig({displayName:"flat-table.style__StyledFlatTable",componentId:"sc-21607060-1"})(["border-collapse:separate;border-spacing:0;width:100%;@-moz-document url-prefix(){overflow:hidden;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);}"," "," ",""],(({caption:o})=>o&&r(["caption{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute;top:-99999px;}"])),(({size:o})=>{const{height:i,fontSize:d,paddingSize:b}=c[o];return r(["","{height:",";}"," > div,"," > div,"," > div,"," > div{font-size:",";padding-left:",";padding-right:",";}"],a,i,s,t,l,e,d,b,b)}),(({isZebra:o})=>o&&r(["",":nth-child(2n){",",",",","{background-color:var(--colorsUtilityMajor010);}}",":hover{",",",",",":not(th){background-color:var(--colorsUtilityMajor025);}}"],a,l,s,e,a,s,l,e))),p=o(b).attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableWrapper",componentId:"sc-21607060-2"})(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"," "," "," "," "," "," "," ",",",".isSticky,"," ",".isSticky{z-index:",";}thead ",".isSticky,",".isSticky{border-right:none;}",",","{z-index:",";}thead{",":first-of-type{th:first-of-type{border-top-left-radius:var(--borderRadius100);}","}}tbody ",",",".isSticky,tbody ",".isSticky{z-index:",";}tbody ",".bringToFront,",".bringToFront,tbody ",".bringToFront{z-index:",";}"," ",""],(({hasOuterVerticalBorders:o})=>!o&&r(["","{& > ",":first-child{border-left-color:var(--colorsUtilityMajorTransparent);}& > ",":last-child{border-right-color:var(--colorsUtilityMajorTransparent);}}"],a,s,s)),(({hasStickyFooter:o,hasHorizontalScrollbar:t,bottomBorderRadius:a})=>!o&&!t&&r(["border-bottom-left-radius:var(--",");border-bottom-right-radius:var(--",");"],a,a)),(({isInSidebar:o})=>r(["box-sizing:border-box;:has(",":focus-visible){","}",""],h,y(),o?"min-width: fit-content;":"")),(({colorTheme:o})=>{switch(o){case"light":return r(["",","," ","{background-color:var(--colorsUtilityMajor100);border-right:1px solid var(--colorsUtilityMajor150);border-bottom-color:var(--colorsUtilityMajor150);}"," ","{background-color:var(--colorsUtilityMajor100);border-bottom-color:var(--colorsUtilityMajor150);border-right-color:var(--colorsUtilityMajor150);border-left-color:var(--colorsUtilityMajor150);}"],t,i,e,i,l);case"transparent-base":return r(["",","," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityMajor025);border-left-color:var(--colorsUtilityMajor025);}"],t,i,e,i,l);case"transparent-white":return r(["",","," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityYang100);border-left-color:var(--colorsUtilityYang100);}"],t,i,e,i,l);default:return r([""," ",",",",","{background-color:var(--colorsUtilityMajor400);border-right:1px solid var(--colorsUtilityMajor300);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);}"," ","{background-color:var(--colorsUtilityMajor400);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);border-right-color:var(--colorsUtilityMajor300);border-left-color:var(--colorsUtilityMajor300);}"],i,e,t,i,i,l)}}),(({isInSidebar:o})=>o&&r(["","{background-color:var(--colorsUtilityMajor040);}",","," ",","," ","{background-color:var(--colorsUtilityMajor040);border-right:2px solid var(--colorsUtilityMajor040);color:var(--colorsUtilityYin090);border-bottom-color:var(--colorsUtilityMajor100);}"],i,t,i,l,i,e)),(({hasStickyHead:o,theme:t})=>o&&r(["","{position:sticky;top:0;left:0;z-index:",";}"],i,t.zIndex.overlay+5)),i,l,t,i,e,(({theme:o})=>o.zIndex.overlay+5),t,e,t,e,(({theme:o})=>o.zIndex.overlay+3),a,(({hasVerticalScrollbar:o})=>!o&&r(["th:last-of-type{border-top-right-radius:var(--borderRadius100);}"])),l,s,e,(({theme:o})=>o.zIndex.overlay),l,s,e,(({theme:o})=>o.zIndex.overlay+5),(({footer:o})=>o&&r(["tr:last-child:focus{:after{border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}"])),(({footer:o,firstColRowSpanIndex:t,lastColRowSpanIndex:l,hasHorizontalScrollbar:i,hasVerticalScrollbar:e,bottomBorderRadius:d})=>!o&&r(["tbody{"," "," ",":last-of-type{"," ","}}"],t>=0&&r(["",":nth-of-type(","){th:first-child,td:first-child{border-bottom-left-radius:var(--borderRadius100);}}"],a,t+1),l>=0&&!i&&r(["",":nth-of-type(","){th:last-child,td:last-child{border-bottom-right-radius:var(--borderRadius100);}}"],a,l+1),a,!i&&-1===t&&r(["th:first-child,td:first-child{border-bottom-left-radius:var(--",");}"],d),!e&&!i&&-1===l&&r(["th:last-child,td:last-child{border-bottom-right-radius:var(--",");}"],d)))),v=o.div.attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableFooter",componentId:"sc-21607060-3"})(["& > ","{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}",""],n,(({hasStickyFooter:o,theme:t})=>o&&r(["position:sticky;bottom:0px;z-index:",";","{border-bottom-left-radius:0;border-bottom-right-radius:0;}"],t.zIndex.overlay+1,n)));export{f as StyledFlatTable,v as StyledFlatTableFooter,p as StyledFlatTableWrapper,h as StyledTableContainer};
@@ -1 +1 @@
1
- import o,{css as t}from"styled-components";import{margin as e}from"styled-system";import r from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/add-focus-styling.js";import n from"../../style/utils/color.js";import{getWindow as l,getNavigator as s}from"../../__internal__/dom/globals.js";import c,{isSafari as a}from"../../__internal__/utils/helpers/browser-type-check/index.js";import m from"./icon-config.js";import d from"./icon-unicodes.js";import{StyledButton as p}from"../button/__next__/button.style.js";const f=t([""," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.search &{color:var(--colorsUtilityYin065);&:hover{color:var(--colorsUtilityYin100);}}.search.dark-background:not(.with-button) &{color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}}.multi-select &,.filterable-select &{cursor:pointer;}.button-toggle &&{color:currentColor;}"],p),u=o.span.attrs(r).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-1136604-0"})([""," "," &,.popover-menu-item &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({theme:o,color:r,bg:p,isInteractive:u,bgSize:g,bgShape:h,type:b,fontSize:y,disabled:v,tabIndex:_,inverse:C})=>{let j=C?"var(--container-standard-inverse-icon)":"var(--container-standard-icon)",k="transparent";const x=l(),S=s(),z=g?m.backgroundSize[g]:void 0;if(v)j="var(--colorsYin030)";else if(r){const{color:t}=n({color:r,theme:o});j=t}if(p){const{backgroundColor:t}=n({bg:p,theme:o});k=t}return t(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," "," ",""],j,k,z,z,h?`border-radius: ${m.backgroundShape[h]}`:"",u&&t(["&:not(:focus):hover{filter:brightness(0.9);}"]),d[b],y&&t(["font-size:",";line-height:",";"],m.iconSize[y],m.iconSize[y]),x&&"services"===b&&c(x)&&t(["margin-top:",";"],"small"===y?"-7px":"-8px"),S&&x&&"services"===b&&a(S)&&!c(x)&&t(["margin-top:-6px;"]),void 0!==_&&`\n :focus {\n ${i()}\n }\n `,e,f)}),p);export{u as default};
1
+ import o,{css as t}from"styled-components";import{margin as e}from"styled-system";import r from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/add-focus-styling.js";import n from"../../style/utils/color.js";import{getWindow as l,getNavigator as s}from"../../__internal__/dom/globals.js";import c,{isSafari as a}from"../../__internal__/utils/helpers/browser-type-check/index.js";import m from"./icon-config.js";import d from"./icon-unicodes.js";import{StyledButton as p}from"../button/__next__/button.style.js";const f=t([""," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.legacy-search &{color:var(--colorsUtilityYin065);&:hover{color:var(--colorsUtilityYin100);}}.legacy-search.dark-background:not(.with-button) &{color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}}.multi-select &,.filterable-select &{cursor:pointer;}.button-toggle &&{color:currentColor;}"],p),g=o.span.attrs(r).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-89827ee1-0"})([""," "," &,.popover-menu-item &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({theme:o,color:r,bg:p,isInteractive:g,bgSize:u,bgShape:h,type:y,fontSize:b,disabled:v,tabIndex:_,inverse:C})=>{let j=C?"var(--container-standard-inverse-icon)":"var(--container-standard-icon)",k="transparent";const x=l(),S=s(),z=u?m.backgroundSize[u]:void 0;if(v)j="var(--colorsYin030)";else if(r){const{color:t}=n({color:r,theme:o});j=t}if(p){const{backgroundColor:t}=n({bg:p,theme:o});k=t}return t(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," "," ",""],j,k,z,z,h?`border-radius: ${m.backgroundShape[h]}`:"",g&&t(["&:not(:focus):hover{filter:brightness(0.9);}"]),d[y],b&&t(["font-size:",";line-height:",";"],m.iconSize[b],m.iconSize[b]),x&&"services"===y&&c(x)&&t(["margin-top:",";"],"small"===b?"-7px":"-8px"),S&&x&&"services"===y&&a(S)&&!c(x)&&t(["margin-top:-6px;"]),void 0!==_&&`\n :focus {\n ${i()}\n }\n `,e,f)}),p);export{g as default};
@@ -1 +1 @@
1
- import o,{css as e}from"styled-components";import l from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";import a from"../icon/icon.style.js";import t from"../button/button.style.js";const i={light:o=>{let e="var(--link-typical-label-default)",l="var(--link-typical-label-hover)";return"negative"===o?(e="var(--link-destructive-label-default)",l="var(--link-destructive-label-hover)"):"subtle"===o&&(e="var(--link-subtle-label-default)",l="var(--link-subtle-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let e="var(--link-typical-inverse-label-default)",l="var(--link-typical-inverse-label-hover)";return"negative"===o?(e="var(--link-destructive-inverse-label-default)",l="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(e="var(--link-subtle-inverse-label-default)",l="var(--link-subtle-inverse-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},n=o.span.attrs(l).withConfig({displayName:"link.style__StyledLink",componentId:"sc-3fa28815-0"})(["",""],(({$isSkipLink:o,theme:l,$iconAlign:n,$hasContent:s,$disabled:c,$underline:u,$variant:d,$inverse:b,$isMenuItem:v,$hasFocus:g,$linkSize:f,$bold:p})=>{const m=b?"dark":"light",{color:h,hoverColor:k,focusColor:x,focusBgColor:y,focusBoxShadowColor:C}=i[m](d);return e([""," "," "," > a,> button{"," > ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],o&&e(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],l.zIndex.aboveAll),!o&&!v&&e(["> a,> button{"," text-decoration:",";"," ","}"],((o,l)=>{let r;return r="large"===o?l?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":l?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",e(["font:var(",");"],r)})(f,p),s&&"always"===u?"underline":"none",!c&&e(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],h,a,h,"left"===n&&e(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===n&&e(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),k,!s||"hover"!==u&&"always"!==u?"none":"underline",a,k,x,a,x,r()),c&&e(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&e(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),v&&"display: inline-block;",a,s?"inline-block":"inline",!o&&!v&&!c&&g&&e(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],y,C),t)})),s=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-3fa28815-1"})([""]);export{s as StyledContent,n as StyledLink};
1
+ import o,{css as e}from"styled-components";import l from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";import a from"../icon/icon.style.js";import t from"../button/button.style.js";const i={light:o=>{let e="var(--link-typical-label-default)",l="var(--link-typical-label-hover)";return"negative"===o?(e="var(--link-destructive-label-default)",l="var(--link-destructive-label-hover)"):"subtle"===o&&(e="var(--link-subtle-label-default)",l="var(--link-subtle-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let e="var(--link-typical-inverse-label-default)",l="var(--link-typical-inverse-label-hover)";return"negative"===o?(e="var(--link-destructive-inverse-label-default)",l="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(e="var(--link-subtle-inverse-label-default)",l="var(--link-subtle-inverse-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},n=o.span.attrs(l).withConfig({displayName:"link.style__StyledLink",componentId:"sc-2960b2ab-0"})(["",""],(({$isSkipLink:o,theme:l,$iconAlign:n,$hasContent:s,$disabled:c,$underline:u,$variant:d,$inverse:b,$isMenuItem:v,$hasFocus:g,$linkSize:f,$bold:p})=>{const m=b?"dark":"light",{color:h,hoverColor:k,focusColor:x,focusBgColor:y,focusBoxShadowColor:C}=i[m](d);return e([""," "," "," > a,> button{"," > ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,",":not(.legacy-search-button){background-color:transparent;border:none;padding:0;}"],o&&e(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],l.zIndex.aboveAll),!o&&!v&&e(["> a,> button{"," text-decoration:",";"," ","}"],((o,l)=>{let r;return r="large"===o?l?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":l?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",e(["font:var(",");"],r)})(f,p),s&&"always"===u?"underline":"none",!c&&e(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],h,a,h,"left"===n&&e(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===n&&e(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),k,!s||"hover"!==u&&"always"!==u?"none":"underline",a,k,x,a,x,r()),c&&e(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&e(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),v&&"display: inline-block;",a,s?"inline-block":"inline",!o&&!v&&!c&&g&&e(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],y,C),t)})),s=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-2960b2ab-1"})([""]);export{s as StyledContent,n as StyledLink};
@@ -1 +1 @@
1
- import o,{css as t}from"styled-components";import i from"../../../style/themes/apply-base-theme.js";import e from"../../icon-button/icon-button.style.js";import r from"../../box/box.style.js";import s from"../../search/search.style.js";import l from"../../icon/icon.style.js";import n from"../../button/button.style.js";import a from"../menu.config.js";import d from"../../../style/utils/add-focus-styling.js";import{StyledLink as m}from"../../link/link.style.js";const c=o.div.attrs(i).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-28b344f8-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:o})=>t(["z-index:",";"],o.zIndex.fullScreenModal)),(({startPosition:o,transitionDuration:i})=>t(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],o,o,i,o,o,i))),b=o.div.attrs(i).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"sc-28b344f8-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],m,m,m,(({menuType:o})=>t(["background-color:",";&&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],a[o].background,s,l,n,d(),r,a[o].scrollbarColor,a[o].scrollbarThumb,a[o].scrollbarTrack))),u=o.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-28b344f8-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],e,(({menuType:o})=>t(["background-color:",";"],a[o].submenuItemBackground)));export{c as StyledMenuFullscreen,u as StyledMenuFullscreenHeader,b as StyledMenuModal};
1
+ import t,{css as o}from"styled-components";import e from"../../../style/themes/apply-base-theme.js";import i from"../../icon-button/icon-button.style.js";import r from"../../box/box.style.js";import s from"../../search/__internal__/legacy/search.style.js";import l from"../../icon/icon.style.js";import n from"../../button/button.style.js";import a from"../menu.config.js";import d from"../../../style/utils/add-focus-styling.js";import{StyledLink as m}from"../../link/link.style.js";const c=t.div.attrs(e).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-f9ae5d65-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:t})=>o(["z-index:",";"],t.zIndex.fullScreenModal)),(({startPosition:t,transitionDuration:e})=>o(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],t,t,e,t,t,e))),b=t.div.attrs(e).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"sc-f9ae5d65-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],m,m,m,(({menuType:t})=>o(["background-color:",";&&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],a[t].background,s,l,n,d(),r,a[t].scrollbarColor,a[t].scrollbarThumb,a[t].scrollbarTrack))),u=t.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-f9ae5d65-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i,(({menuType:t})=>o(["background-color:",";"],a[t].submenuItemBackground)));export{c as StyledMenuFullscreen,u as StyledMenuFullscreenHeader,b as StyledMenuModal};
@@ -1 +1 @@
1
- import o,{css as n}from"styled-components";import{padding as t}from"styled-system";import r from"../menu.config.js";import{Link as a}from"../../link/link.component.js";import e from"../../button/button.style.js";import i from"../../icon-button/icon-button.style.js";import c from"../../icon/icon.style.js";import{StyledContent as u,StyledLink as s}from"../../link/link.style.js";import p from"../../../style/themes/apply-base-theme.js";import d from"../../../style/utils/add-focus-styling.js";const l=o=>{var n,t;const{paddingRight:r}=o,a=null===(t=String(r))||void 0===t||null===(n=t.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===r||"0"===a)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(r){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:r};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:r};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:r};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:r};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:r};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:r};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:r};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:r};default:return a?{padding:`${16+Number(a)}px`,iconSpacing:`${a}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},g=o.a.attrs(p).attrs({as:a}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"sc-68834622-0"})([""," &&&{> a,> button{","}}"],(({menuType:o,selected:a,hasSubmenu:p,isOpen:g,menuItemVariant:b,showDropdownArrow:m,href:h,clickToOpen:v,maxWidth:f,inFullscreenView:x,overrideColor:k,asPassiveItem:w,asDiv:y,hasFocusableChild:S,hasInput:C,inSubmenu:M})=>n(["display:flex;align-items:center;min-height:40px;position:relative;box-shadow:none;a,button{min-height:40px;height:100%;box-sizing:border-box;font-size:14px;font-weight:500;&:not(.search-button) > ","{margin-right:var(--spacing050);}}&& a:focus,&& button:focus{",'}:has([data-element="input"]) ',"{width:100%;}"," "," "," "," "," button,"," button,a,"," a{margin:0px;text-align:left;",'}&&&{a,button,[data-component="icon"],'," a,"," button,",' [data-component="icon"]{font-weight:500;text-decoration:none;',"}","}"," "," "," "," ",""],c,d(!0),u,!k&&n(["background-color:",';&:has([data-popover-container-button="true"]){background-color:var(--colorsActionMajor500);}'],r[o].background),k&&n(["&&&&{background-color:",";}"],"alternate"===b?r[o].alternate:r[o].submenuItemBackground),!x&&n(["max-width:inherit;width:inherit;height:inherit;> a,> button{display:flex;align-items:center;"," width:inherit;max-width:inherit;}&&{a:focus,button:focus{background-color:",";color:",';z-index:1;position:relative;}}&:has([data-popover-container-button="true"]){&&{a:focus,button:focus{background-color:var(--colorsActionMajor500);}}}&&&{a,button{',"}a:hover,button:hover{","{border-radius:0;background-color:transparent;}"," ::before{border-top-color:var(--colorsComponentsMenuYang100);}}}"],M?"":"justify-content: center;",r[o].background,r[o].color,f&&n(["box-sizing:border-box;max-width:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;display:block;"]),e,!y&&!w&&n(['background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}'])),S&&n(["&& "," ",'{> span{display:inline-flex;margin-right:0;}:focus{outline:none;[data-component="icon"]{color:',";}}}"],!x&&n(["&& > a:not(:has(button)){padding:11px 16px;}> a:has(",":not(.search-button)){height:100%;","{height:inherit;div{height:inherit;}}","{min-height:40px;padding:10px 0px;box-sizing:border-box;height:100%;}}"],e,u,e),i,r[o].color),!S&&!x&&n(["",""],p||f?n(["& > a,& > button{padding:11px 16px ",";}"],p&&f?"12px":"10px"):n(["& > a,& > button{padding:11px 16px;}"])),s,s,x&&n(["height:auto;white-space:normal;","{top:-2px;}"],c),s,s,s,!C&&`color: ${r[o].color};`,!x&&n(["a > ",",button > ","{display:inline-block;height:18px;top:-2px;}"],c,c),a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);}"],r[o].selected,r[o].selected),"alternate"===b&&!x&&n(["&&&{background-color:",";}&&& a:focus,&&& button:focus{background-color:",";}",""],r[o].alternate,r[o].alternate,!C&&n(["&&& a:hover,&&& button:hover{background-color:",";}"],r[o].alternateHover)),g&&n(["a,button{background-color:",";color:",";}"],r[o].submenuItemBackground,r[o].color),p&&n(["background-color:",";a:focus,button:focus{background-color:",";color:",';[data-component="icon"]{color:',";}","}a:hover,button:hover{background-color:",";color:var(--colorsComponentsMenuYang100);",' [data-component="icon"]{color:',";}}"," ",""],r[o].submenuBackground,r[o].submenuBackground,r[o].color,r[o].color,v&&g&&n(["background-color:",";"],r[o].submenuOpenedBackground),r[o].submenuOpenedBackground,!(h||v)&&n(["cursor:default;background-color:",";color:",";"],r[o].submenuItemBackground,r[o].color),r[o].color,a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);}"],r[o].submenuSelected,r[o].submenuSelected),m&&n(["&&&{> a,> button:not(","){padding-right:",";}}a::before,button::before{display:block;margin-top:-1px;pointer-events:none;position:absolute;right:",';top:50%;z-index:2;content:"";width:0;height:0;border-width:5px 4px 4px;border-style:solid;border-top-color:initial;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}'],i,(o=>l(t(o)).padding),(o=>l(t(o)).iconSpacing))),x&&n([""," > a,> button{min-height:40px;line-height:40px;padding:0px 16px;width:100vw;box-sizing:border-box;}a:focus,button:focus{z-index:1;position:relative;}","}"],y&&n(["&&&{> a,> button{color:",";outline:none;}> button:hover,> a:hover{background-color:transparent;cursor:default;outline:none;color:",";}}"],r[o].title,r[o].title),!w&&n(["&&{> a:focus,> a:hover,> button:focus,> button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);","}}"],!C&&n(['[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}']))))),t);export{g as default};
1
+ import o,{css as n}from"styled-components";import{padding as t}from"styled-system";import r from"../menu.config.js";import{Link as a}from"../../link/link.component.js";import e from"../../button/button.style.js";import i from"../../icon-button/icon-button.style.js";import c from"../../icon/icon.style.js";import{StyledContent as u,StyledLink as s}from"../../link/link.style.js";import p from"../../../style/themes/apply-base-theme.js";import d from"../../../style/utils/add-focus-styling.js";const l=o=>{var n,t;const{paddingRight:r}=o,a=null===(t=String(r))||void 0===t||null===(n=t.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===r||"0"===a)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(r){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:r};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:r};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:r};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:r};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:r};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:r};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:r};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:r};default:return a?{padding:`${16+Number(a)}px`,iconSpacing:`${a}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},g=o.a.attrs(p).attrs({as:a}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"sc-2ff3820d-0"})([""," &&&{> a,> button{","}}"],(({menuType:o,selected:a,hasSubmenu:p,isOpen:g,menuItemVariant:b,showDropdownArrow:m,href:h,clickToOpen:v,maxWidth:f,inFullscreenView:x,overrideColor:k,asPassiveItem:y,asDiv:w,hasFocusableChild:S,hasInput:C,inSubmenu:M})=>n(["display:flex;align-items:center;min-height:40px;position:relative;box-shadow:none;a,button{min-height:40px;height:100%;box-sizing:border-box;font-size:14px;font-weight:500;&:not(.legacy-search-button) > ","{margin-right:var(--spacing050);}}&& a:focus,&& button:focus{",'}:has([data-element="input"]) ',"{width:100%;}"," "," "," "," "," button,"," button,a,"," a{margin:0px;text-align:left;",'}&&&{a,button,[data-component="icon"],'," a,"," button,",' [data-component="icon"]{font-weight:500;text-decoration:none;',"}","}"," "," "," "," ",""],c,d(!0),u,!k&&n(["background-color:",';&:has([data-popover-container-button="true"]){background-color:var(--colorsActionMajor500);}'],r[o].background),k&&n(["&&&&{background-color:",";}"],"alternate"===b?r[o].alternate:r[o].submenuItemBackground),!x&&n(["max-width:inherit;width:inherit;height:inherit;> a,> button{display:flex;align-items:center;"," width:inherit;max-width:inherit;}&&{a:focus,button:focus{background-color:",";color:",';z-index:1;position:relative;}}&:has([data-popover-container-button="true"]){&&{a:focus,button:focus{background-color:var(--colorsActionMajor500);}}}&&&{a,button{',"}a:hover,button:hover{","{border-radius:0;background-color:transparent;}"," ::before{border-top-color:var(--colorsComponentsMenuYang100);}}}"],M?"":"justify-content: center;",r[o].background,r[o].color,f&&n(["box-sizing:border-box;max-width:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;display:block;"]),e,!w&&!y&&n(['background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}'])),S&&n(["&& "," ",'{> span{display:inline-flex;margin-right:0;}:focus{outline:none;[data-component="icon"]{color:',";}}}"],!x&&n(["&& > a:not(:has(button)){padding:11px 16px;}> a:has(",":not(.legacy-search-button)){height:100%;","{height:inherit;div{height:inherit;}}","{min-height:40px;padding:10px 0px;box-sizing:border-box;height:100%;}}"],e,u,e),i,r[o].color),!S&&!x&&n(["",""],p||f?n(["& > a,& > button{padding:11px 16px ",";}"],p&&f?"12px":"10px"):n(["& > a,& > button{padding:11px 16px;}"])),s,s,x&&n(["height:auto;white-space:normal;","{top:-2px;}"],c),s,s,s,!C&&`color: ${r[o].color};`,!x&&n(["a > ",",button > ","{display:inline-block;height:18px;top:-2px;}"],c,c),a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);}"],r[o].selected,r[o].selected),"alternate"===b&&!x&&n(["&&&{background-color:",";}&&& a:focus,&&& button:focus{background-color:",";}",""],r[o].alternate,r[o].alternate,!C&&n(["&&& a:hover,&&& button:hover{background-color:",";}"],r[o].alternateHover)),g&&n(["a,button{background-color:",";color:",";}"],r[o].submenuItemBackground,r[o].color),p&&n(["background-color:",";a:focus,button:focus{background-color:",";color:",';[data-component="icon"]{color:',";}","}a:hover,button:hover{background-color:",";color:var(--colorsComponentsMenuYang100);",' [data-component="icon"]{color:',";}}"," ",""],r[o].submenuBackground,r[o].submenuBackground,r[o].color,r[o].color,v&&g&&n(["background-color:",";"],r[o].submenuOpenedBackground),r[o].submenuOpenedBackground,!(h||v)&&n(["cursor:default;background-color:",";color:",";"],r[o].submenuItemBackground,r[o].color),r[o].color,a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);}"],r[o].submenuSelected,r[o].submenuSelected),m&&n(["&&&{> a,> button:not(","){padding-right:",";}}a::before,button::before{display:block;margin-top:-1px;pointer-events:none;position:absolute;right:",';top:50%;z-index:2;content:"";width:0;height:0;border-width:5px 4px 4px;border-style:solid;border-top-color:initial;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}'],i,(o=>l(t(o)).padding),(o=>l(t(o)).iconSpacing))),x&&n([""," > a,> button{min-height:40px;line-height:40px;padding:0px 16px;width:100vw;box-sizing:border-box;}a:focus,button:focus{z-index:1;position:relative;}","}"],w&&n(["&&&{> a,> button{color:",";outline:none;}> button:hover,> a:hover{background-color:transparent;cursor:default;outline:none;color:",";}}"],r[o].title,r[o].title),!y&&n(["&&{> a:focus,> a:hover,> button:focus,> button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);","}}"],!C&&n(['[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}']))))),t);export{g as default};
@@ -1,10 +1,14 @@
1
1
  import React from "react";
2
- export interface PagerNavigationProps {
2
+ /**
3
+ * Renders navigation Buttons and current page input
4
+ */
5
+ export interface PaginationNavigationProps {
3
6
  /** Current visible page */
4
7
  currentPage: number;
5
- /** Pagination page size */
8
+ /** Page size, number of elements on the current page */
6
9
  pageSize: number;
7
- pageCount: number;
10
+ /** Total number of pages */
11
+ totalPages: number;
8
12
  /** Sets the current page being shown */
9
13
  setCurrentPage: (page: number) => void;
10
14
  /** Callback function for next link */
@@ -19,16 +23,10 @@ export interface PagerNavigationProps {
19
23
  onPagination: (currentPage: number, pageSize: number, origin: string) => void;
20
24
  /** Should the `First` and `Last` navigation buttons be shown */
21
25
  showFirstAndLastButtons?: boolean;
22
- /** Should the `Next` and `Previous` navigation buttons be shown */
23
- showPreviousAndNextButtons?: boolean;
24
- /** Should the page count input be shown */
25
- showPageCount?: boolean;
26
26
  /** If true, page number navigation will be changed to a non-interactive label */
27
27
  interactivePageNumber?: boolean;
28
- /** If true, sets css property visibility: hidden on all disabled elements */
29
- hideDisabledElements?: boolean;
30
- /** Breakpoint for small screen styling to be applied. */
31
- smallScreenBreakpoint?: string;
28
+ /** Size of the button */
29
+ size?: "small" | "medium" | "large";
32
30
  }
33
- declare const PagerNavigation: ({ pageSize, currentPage, setCurrentPage, onNext, onPrevious, onFirst, onLast, onPagination, pageCount, showFirstAndLastButtons, showPreviousAndNextButtons, showPageCount, interactivePageNumber, hideDisabledElements, smallScreenBreakpoint, }: PagerNavigationProps) => React.JSX.Element;
34
- export default PagerNavigation;
31
+ declare const PaginationNavigation: ({ currentPage, pageSize, totalPages, setCurrentPage, onNext, onFirst, onPrevious, onLast, onPagination, showFirstAndLastButtons, interactivePageNumber, size, }: PaginationNavigationProps) => React.JSX.Element;
32
+ export default PaginationNavigation;
@@ -0,0 +1 @@
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useRef as n,useEffect as t}from"react";import l from"../../../hooks/__internal__/useLocale/useLocale.js";import{StyledPaginationNavigation as o,StyledCurrentPageContainer as a,StyledInputWrapper as c,StyledCurrentPage as u,StyledNavigationButtonContainer as s,StyledButtonWrapper as p}from"./pagination-navigation.style.js";import{Textbox as d}from"../../textbox/textbox.component.js";import{Button as v}from"../../button/__next__/button.component.js";import g from"../../icon/icon.component.js";import{Typography as h}from"../../typography/typography.component.js";import m from"../../../__internal__/utils/helpers/guid/index.js";const b=({currentPage:b,pageSize:f,totalPages:_,setCurrentPage:y,onNext:x,onFirst:P,onPrevious:k,onLast:j,onPagination:z,showFirstAndLastButtons:L,interactivePageNumber:$,size:T})=>{const C=l(),[A,N]=i(b),B=n(null),w=n(null),{current:F}=n(m()),X=b>1&&L,D=b>1,E=b<_,I=b<_&&L;t((()=>{N(b)}),[b]);const K=n(null);t((()=>{if(K.current){switch(K.current){case"next":var e;null===(e=w.current)||void 0===e||e.focusButton();break;case"previous":var r;null===(r=B.current)||void 0===r||r.focusButton()}K.current=null}}),[b]);const M=e=>{K.current="next",y(1),null==P||P(e),z(1,f,"first")},O=e=>{const r=b-1;1===r&&(K.current="next"),y(r),null==k||k(e),z(r,f,"previous")},R=e=>{const r=b+1;r===_&&(K.current="previous"),y(r),null==x||x(e),z(r,f,"next")},S=e=>{K.current="previous",y(_),null==j||j(e),z(_,f,"last")},q=()=>{const e=Number(A);if(Number.isInteger(e)){if(e<1)return N(1),y(1),void z(1,f,"input");if(e>_)return N(_),y(_),void z(_,f,"input");y(e),z(e,f,"input")}else N(b)};return e(o,{$interactivePageNumber:$,children:[$&&_>1?e(a,{children:[r(h,{id:F,screenReaderOnly:!0,children:`${C.pager.pageX(b)} ${null===(J=(Q=C.pager).ofTotalPages)||void 0===J?void 0:J.call(Q,_)}`}),r(c,{$size:T||"medium",children:r(d,{"aria-label":C.pager.pageX(b),"aria-describedby":F,value:A,onChange:e=>{N(e.target.value)},onBlur:q,onKeyDown:e=>{"Enter"===e.key&&q()},size:T,inputMode:"numeric"})}),r("div",{"aria-hidden":"true",children:null===(U=(V=C.pager).ofTotalPages)||void 0===U?void 0:U.call(V,_)})]}):e(u,{children:[b," ",null===(G=(H=C.pager).ofTotalPages)||void 0===G?void 0:G.call(H,_)]}),_>1&&(()=>{var i,n,t,l,o,a,c,u;return e(s,{children:[L&&r(p,{$visible:X,children:r(v,{variantType:"subtle","aria-label":null===(i=(n=C.pager).firstAriaLabel)||void 0===i?void 0:i.call(n),size:T,onClick:M,children:r(g,{type:"chevron_first_pagination"})})}),r(p,{$visible:D,children:r(v,{variantType:"subtle","aria-label":null===(t=(l=C.pager).previousAriaLabel)||void 0===t?void 0:t.call(l),size:T,onClick:O,ref:B,children:r(g,{type:"chevron_left_thick"})})}),r(p,{$visible:E,children:r(v,{variantType:"subtle","aria-label":null===(o=(a=C.pager).nextAriaLabel)||void 0===o?void 0:o.call(a),size:T,onClick:R,ref:w,children:r(g,{type:"chevron_right_thick"})})}),L&&r(p,{$visible:I,children:r(v,{variantType:"subtle","aria-label":null===(c=(u=C.pager).lastAriaLabel)||void 0===c?void 0:c.call(u),size:T,onClick:S,children:r(g,{type:"chevron_last_pagination"})})})]})})()]});var G,H,J,Q,U,V};export{b as default};
@@ -0,0 +1,12 @@
1
+ export declare const StyledPaginationNavigation: import("styled-components").StyledComponent<"div", any, {
2
+ $interactivePageNumber?: boolean;
3
+ }, never>;
4
+ export declare const StyledNavigationButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const StyledButtonWrapper: import("styled-components").StyledComponent<"div", any, {
6
+ $visible?: boolean;
7
+ }, never>;
8
+ export declare const StyledCurrentPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
9
+ export declare const StyledCurrentPage: import("styled-components").StyledComponent<"span", any, {}, never>;
10
+ export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", any, {
11
+ $size: "small" | "medium" | "large";
12
+ }, never>;
@@ -0,0 +1 @@
1
+ import i,{css as a}from"styled-components";const n={small:{width:"var(--global-size-s)"},medium:{width:"var(--global-size-m)"},large:{width:"var(--global-size-l)"}},t=i.div.withConfig({displayName:"pagination-navigation.style__StyledPaginationNavigation",componentId:"sc-3c57c433-0"})(["display:flex;align-items:center;flex-wrap:wrap;",""],(({$interactivePageNumber:i})=>i&&a(["gap:var(--global-space-comp-l);"]))),e=i.div.withConfig({displayName:"pagination-navigation.style__StyledNavigationButtonContainer",componentId:"sc-3c57c433-1"})(["display:flex;align-items:center;gap:var(--global-space-comp-xs);"]),o=i.div.withConfig({displayName:"pagination-navigation.style__StyledButtonWrapper",componentId:"sc-3c57c433-2"})(["",""],(({$visible:i})=>a(["visibility:",";"],i?"visible":"hidden"))),l=i.div.withConfig({displayName:"pagination-navigation.style__StyledCurrentPageContainer",componentId:"sc-3c57c433-3"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);"]),s=i.span.withConfig({displayName:"pagination-navigation.style__StyledCurrentPage",componentId:"sc-3c57c433-4"})(["padding:0 var(--global-space-layout-3-xs);"]),p=i.div.withConfig({displayName:"pagination-navigation.style__StyledInputWrapper",componentId:"sc-3c57c433-5"})(["",""],(({$size:i})=>a(["min-width:",";&& input{text-align:center;field-sizing:content;}"],n[i].width)));export{o as StyledButtonWrapper,s as StyledCurrentPage,l as StyledCurrentPageContainer,p as StyledInputWrapper,e as StyledNavigationButtonContainer,t as StyledPaginationNavigation};
@@ -1 +1 @@
1
- export{Pager as default}from"./pager.component.js";
1
+ export{Pagination as default}from"./pager.component.js";
@@ -5,46 +5,71 @@ type PageSizeOption = {
5
5
  name: number;
6
6
  };
7
7
  export interface PagerProps extends TagProps {
8
- /** Function called when pager changes (Current page, Page size, Origin component) */
8
+ /** Function called when pager changes (Current page, Page size, Origin component). */
9
9
  onPagination: (currentPage: number, pageSize: number, origin: string) => void;
10
- /** Callback function for next link */
10
+ /** Callback function for the Next button. */
11
11
  onNext?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
12
- /** Callback function for first link */
12
+ /** Callback function for the First button. */
13
13
  onFirst?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
14
- /** Callback function for previous link */
14
+ /** Callback function for the Previous button. */
15
15
  onPrevious?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
16
- /** Callback function for last link */
16
+ /** Callback function for the Last button. */
17
17
  onLast?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
18
- /** Current visible page */
18
+ /** Current visible page. */
19
19
  currentPage?: number | string;
20
- /** If true, page number navigation will be changed to a non-interactive label */
20
+ /** Flag to set if the current page number renders as an input. */
21
21
  interactivePageNumber?: boolean;
22
- /** If true, sets css property visibility: hidden on all disabled elements */
23
- hideDisabledElements?: boolean;
24
- /** Total number of records */
22
+ /** Total number of records, used to calculate the total number of pages. */
25
23
  totalRecords?: number | string;
26
- /** Pagination page size */
24
+ /** Number of records per page. */
27
25
  pageSize?: number | string;
28
- /** Should the page size selection dropdown be shown */
26
+ /** Flag to render the page size selection input. */
29
27
  showPageSizeSelection?: boolean;
30
- /** Set of page size options */
28
+ /** List of page size options. */
31
29
  pageSizeSelectionOptions?: PageSizeOption[];
32
- /** Should the label before the page size selection dropdown be shown */
30
+ /** Flag to render "First" and "Last" navigation buttons. */
31
+ showFirstAndLastButtons?: boolean;
32
+ /** The component's variant. */
33
+ variant?: "default" | "alternate";
34
+ /** Size of the component. */
35
+ size?: "small" | "medium" | "large";
36
+ /** Set an accessible label for the Pagination nav */
37
+ "aria-label"?: string;
38
+ /**
39
+ * If true, sets css property visibility: hidden on all disabled elements.
40
+ * @deprecated Support to disable elements has been removed.
41
+ */
42
+ hideDisabledElements?: boolean;
43
+ /**
44
+ * Should the label before the page size selection dropdown be shown.
45
+ * @deprecated Support for this prop has been removed. Labels for page size selection are always shown.
46
+ */
33
47
  showPageSizeLabelBefore?: boolean;
34
- /** Should the label after the page size selection dropdown be shown */
48
+ /**
49
+ * Should the label after the page size selection dropdown be shown.
50
+ * @deprecated Support for this prop has been removed. Labels for page size selection are always shown.
51
+ */
35
52
  showPageSizeLabelAfter?: boolean;
36
- /** Should the total records label be shown */
53
+ /**
54
+ * Should the total records label be shown.
55
+ * @deprecated Support to render total records has been removed.
56
+ */
37
57
  showTotalRecords?: boolean;
38
- /** Should the `First` and `Last` navigation button be shown */
39
- showFirstAndLastButtons?: boolean;
40
- /** Should the `Previous` and `Next` navigation button be shown */
58
+ /**
59
+ * Should the `Previous` and `Next` navigation buttons be shown.
60
+ * @deprecated Support to show or hide "Previous" and "Next" buttons has been removed. Their visibility is managed internally.
61
+ */
41
62
  showPreviousAndNextButtons?: boolean;
42
- /** Should the page count input be shown */
63
+ /**
64
+ * Should the page count input be shown
65
+ * @deprecated Support to show or hide page count input has been removed. The page count is always shown.
66
+ */
43
67
  showPageCount?: boolean;
44
- /** What variant the Pager background should be */
45
- variant?: "default" | "alternate";
46
- /** Breakpoint for small screen styling to be applied. */
68
+ /**
69
+ * Breakpoint for small screen styling to be applied.
70
+ * @deprecated This component is now responsive by default and support for this prop has been removed.
71
+ */
47
72
  smallScreenBreakpoint?: string;
48
73
  }
49
- export declare const Pager: ({ currentPage, hideDisabledElements, interactivePageNumber, pageSizeSelectionOptions, pageSize, showPageSizeSelection, totalRecords, onPagination, onNext, onFirst, onPrevious, onLast, showPageSizeLabelBefore, showPageSizeLabelAfter, showTotalRecords, showFirstAndLastButtons, showPreviousAndNextButtons, showPageCount, variant, smallScreenBreakpoint, ...rest }: PagerProps) => React.JSX.Element;
50
- export default Pager;
74
+ export declare const Pagination: ({ currentPage, interactivePageNumber, pageSizeSelectionOptions, pageSize, showPageSizeSelection, totalRecords, onPagination, onNext, onFirst, onPrevious, onLast, showFirstAndLastButtons, variant, size, "aria-label": ariaLabel, ...rest }: PagerProps) => React.JSX.Element;
75
+ export default Pagination;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as o,useCallback as n,useEffect as i}from"react";import s from"../select/option/option.component.js";import"../select/option-row/option-row.component.js";import"../select/option-group-header/option-group-header.component.js";import{SimpleSelect as a}from"../select/simple-select/simple-select.component.js";import"../select/filterable-select/filterable-select.component.js";import"../select/multi-select/multi-select.component.js";import l from"./__internal__/pager-navigation.component.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import p from"../../__internal__/utils/helpers/guid/index.js";import{StyledPagerContainer as u,StyledPagerSizeOptions as m,StyledPagerSummary as g,StyledPagerSizeOptionsInner as d,StyledSelectContainer as h}from"./pager.style.js";import f from"../../__internal__/utils/helpers/events/events.js";import b from"../../__internal__/utils/helpers/tags/tags.js";function P(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){P(e,t,r[t])}))}return e}function O(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const j=P=>{var{currentPage:j=1,hideDisabledElements:S=!1,interactivePageNumber:v=!0,pageSizeSelectionOptions:y=[{id:"10",name:10},{id:"25",name:25},{id:"50",name:50},{id:"100",name:100}],pageSize:_=10,showPageSizeSelection:z=!1,totalRecords:B=0,onPagination:L,onNext:N,onFirst:x,onPrevious:k,onLast:A,showPageSizeLabelBefore:D=!0,showPageSizeLabelAfter:C=!0,showTotalRecords:E=!0,showFirstAndLastButtons:F=!0,showPreviousAndNextButtons:R=!0,showPageCount:T=!0,variant:K="default",smallScreenBreakpoint:I}=P,M=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(P,["currentPage","hideDisabledElements","interactivePageNumber","pageSizeSelectionOptions","pageSize","showPageSizeSelection","totalRecords","onPagination","onNext","onFirst","onPrevious","onLast","showPageSizeLabelBefore","showPageSizeLabelAfter","showTotalRecords","showFirstAndLastButtons","showPreviousAndNextButtons","showPageCount","variant","smallScreenBreakpoint"]);const $=c(),[q,G]=r(+j),[H,J]=r(+_),[Q,U]=r(+_),V=`Pager_size_selector_${o(p()).current}`,W=n((()=>+B<0||Number.isNaN(+B)?1:Math.ceil(+B/H)),[B,H]),[X,Y]=r(W());i((()=>{J(+_),U(+_)}),[_]),i((()=>{const e=W();Y(e),G(+j>e?e:+j)}),[H,X,j,B,W]);const Z=n((e=>{G(1),x&&x(e)}),[x]),ee=n((e=>{G(X),A&&A(e)}),[X,A]),te=n((e=>{G(q+1),N&&N(e)}),[N,q]),re=n((e=>{G(q-1),k&&k(e)}),[q,k]),oe=n((e=>{U(+e),J(+e),L(1,+e,"page-select")}),[L]),ne=n((e=>f.isEnterKey(e)&&oe(e.target.value)),[oe]);return e(u,O(w({variant:K,smallScreenBreakpoint:I,showPageSizeSelection:z,showTotalRecords:E},M,b("pager",M)),{children:[z&&t(m,{className:"pager-size-options",children:(()=>{const r=(e,r)=>e?t("label",{htmlFor:V,children:r}):t("div",{children:r});return e(d,{children:[D&&r(D,$.pager.show()),t(h,{children:t(a,O(w({value:String(Q),onChange:e=>U(+e.target.value),onBlur:()=>U(H),onKeyDown:ne,"data-element":"page-select",id:V},D||C?{}:{ariaLabel:$.pager.show()}),{children:y.map((e=>t(s,{text:e.id,value:String(e.name),onClick:oe},e.id)))}))}),C&&r(!D,$.pager.records(H,!1))]})})()}),t(l,{pageSize:H,currentPage:q,interactivePageNumber:v,hideDisabledElements:S,setCurrentPage:G,onNext:te,onPrevious:re,onFirst:Z,onLast:ee,onPagination:L,pageCount:X,showFirstAndLastButtons:F,showPreviousAndNextButtons:R,showPageCount:T,smallScreenBreakpoint:I}),E&&t(g,{smallScreenBreakpoint:I,children:$.pager.records(B)})]}))};export{j as Pager,j as default};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as n,useCallback as o,useEffect as i}from"react";import a from"../select/option/option.component.js";import"../select/option-row/option-row.component.js";import"../select/option-group-header/option-group-header.component.js";import{SimpleSelect as s}from"../select/simple-select/simple-select.component.js";import"../select/filterable-select/filterable-select.component.js";import"../select/multi-select/multi-select.component.js";import l from"./__internal__/pagination-navigation.component.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import p from"../../__internal__/utils/helpers/guid/index.js";import{StyledPagination as u,StyledPageSizeSelect as m}from"./pager.style.js";import g from"../../__internal__/utils/helpers/events/events.js";import b from"../../__internal__/utils/helpers/tags/tags.js";function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const d=d=>{var O,P,{currentPage:j=1,interactivePageNumber:v=!0,pageSizeSelectionOptions:y=[{id:"10",name:10},{id:"25",name:25},{id:"50",name:50},{id:"100",name:100}],pageSize:h=10,showPageSizeSelection:_=!1,totalRecords:w=0,onPagination:S,onNext:z,onFirst:x,onPrevious:L,onLast:N,showFirstAndLastButtons:F=!0,variant:k="default",size:D="medium","aria-label":B}=d,E=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(d,["currentPage","interactivePageNumber","pageSizeSelectionOptions","pageSize","showPageSizeSelection","totalRecords","onPagination","onNext","onFirst","onPrevious","onLast","showFirstAndLastButtons","variant","size","aria-label"]);const A=c(),C=`Pager_size_selector_${r(p()).current}`,[$,K]=n(+j),[R,I]=n(+h),[M,q]=n(+h),G=o((()=>+w<0||Number.isNaN(+w)?1:Math.ceil(+w/R)),[w,R]),[H,J]=n(G());i((()=>{I(+h),q(+h)}),[h]),i((()=>{const e=G();J(e),K(+j>e?e:+j)}),[R,H,j,w,G]);const Q=o((e=>{q(+e),I(+e),K(1),S(1,+e,"page-select")}),[S]),T=o((e=>g.isEnterKey(e)&&Q(e.target.value)),[Q]);return e(u,(U=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){f(e,t,r[t])}))}return e}({"aria-label":B||(null===(O=(P=A.pager).ariaLabel)||void 0===O?void 0:O.call(P)),$variant:k,$size:D},E,b("pager",E)),V={children:[t(l,{currentPage:$,pageSize:R,totalPages:H,interactivePageNumber:v,setCurrentPage:K,onNext:z,onPrevious:L,onFirst:x,onLast:N,onPagination:S,showFirstAndLastButtons:F,size:D}),_&&(()=>{var r,n;return e(m,{children:[t("label",{htmlFor:C,children:null===(r=(n=A.pager).itemsPerPage)||void 0===r?void 0:r.call(n)}),t(s,{value:String(M),onChange:e=>q(+e.target.value),onBlur:()=>q(R),onKeyDown:T,id:C,size:D,children:y.map((e=>t(a,{text:e.id,value:String(e.name),onClick:Q},e.id)))})]})})()]},V=null!=V?V:{},Object.getOwnPropertyDescriptors?Object.defineProperties(U,Object.getOwnPropertyDescriptors(V)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(V)).forEach((function(e){Object.defineProperty(U,e,Object.getOwnPropertyDescriptor(V,e))})),U));var U,V};export{d as Pagination,d as default};
@@ -1,23 +1,7 @@
1
- declare const StyledSelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
1
  interface StyledPagerContainerProps {
3
- variant?: "alternate" | "default";
4
- smallScreenBreakpoint?: string;
5
- showPageSizeSelection?: boolean;
6
- showTotalRecords?: boolean;
2
+ $variant?: "alternate" | "default";
3
+ $size: "small" | "medium" | "large";
7
4
  }
8
- declare const StyledPagerContainer: import("styled-components").StyledComponent<"div", any, StyledPagerContainerProps, never>;
9
- declare const StyledPagerSizeOptions: import("styled-components").StyledComponent<"div", any, {}, never>;
10
- declare const StyledPagerSizeOptionsInner: import("styled-components").StyledComponent<"div", any, {}, never>;
11
- interface StyledPagerProps {
12
- smallScreenBreakpoint?: string;
13
- }
14
- declare const StyledPagerNavigation: import("styled-components").StyledComponent<"div", any, StyledPagerProps, never>;
15
- declare const StyledPagerNavInner: import("styled-components").StyledComponent<"div", any, {}, never>;
16
- declare const StyledPagerNavLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
17
- interface StyledPagerLinkProps {
18
- hideDisabledButtons?: boolean;
19
- }
20
- declare const StyledPagerLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyledPagerLinkProps, never>;
21
- declare const StyledPagerNoSelect: import("styled-components").StyledComponent<"div", any, {}, never>;
22
- declare const StyledPagerSummary: import("styled-components").StyledComponent<"div", any, StyledPagerProps, never>;
23
- export { StyledPagerContainer, StyledPagerSizeOptions, StyledPagerSizeOptionsInner, StyledPagerNavigation, StyledPagerNavInner, StyledPagerNavLabel, StyledPagerLink, StyledPagerNoSelect, StyledPagerSummary, StyledSelectContainer, };
5
+ export declare const StyledPagination: import("styled-components").StyledComponent<"nav", any, StyledPagerContainerProps, never>;
6
+ export declare const StyledPageSizeSelect: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export {};
@@ -1 +1 @@
1
- import e,{css as i}from"styled-components";import{Link as a}from"../link/link.component.js";const t=e.div.withConfig({displayName:"pager.style__StyledSelectContainer",componentId:"sc-4c93824-0"})(["height:26px;width:64px;margin-left:8px;margin-right:8px;"]),r=e.div.withConfig({displayName:"pager.style__StyledPagerContainer",componentId:"sc-4c93824-1"})(["box-sizing:border-box;display:grid;align-items:center;justify-content:space-between;padding:var(--sizing050) var(--sizing300);width:100%;min-height:var(--sizing550);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);grid-template-columns:repeat(3,1fr);flex-wrap:wrap;"," ",""],(({smallScreenBreakpoint:e,showPageSizeSelection:a,showTotalRecords:t})=>e&&i(["@media (max-width:","){grid-template-columns:1fr;padding:var(--sizing050) var(--sizing100);","}"],e,(a||t)&&i(["grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;"]))),(({variant:e})=>i(["background-color:",";"],"alternate"===e?"var(--colorsUtilityMajor040)":"var(--colorsUtilityMajor010)"))),n=e.div.withConfig({displayName:"pager.style__StyledPagerSizeOptions",componentId:"sc-4c93824-2"})(["grid-area:1 / 1 / 1 / 1;"]),o=e.div.withConfig({displayName:"pager.style__StyledPagerSizeOptionsInner",componentId:"sc-4c93824-3"})(["display:flex;align-items:center;"]),s=e.div.withConfig({displayName:"pager.style__StyledPagerNavigation",componentId:"sc-4c93824-4"})(["display:flex;justify-content:center;align-items:center;padding:0 var(--spacing200);gap:var(--spacing400);grid-area:1 / 2 / 1 / 2;",""],(({smallScreenBreakpoint:e})=>e&&i(["@media (max-width:","){padding:0;gap:var(--spacing200);grid-area:2 / 1 / 2 / 3;}"],e))),d=e.div.withConfig({displayName:"pager.style__StyledPagerNavInner",componentId:"sc-4c93824-5"})(["display:flex;align-items:center;"]),l=e.label.withConfig({displayName:"pager.style__StyledPagerNavLabel",componentId:"sc-4c93824-6"})(["white-space:nowrap;"]),p=e(a).withConfig({displayName:"pager.style__StyledPagerLink",componentId:"sc-4c93824-7"})(["",""],(({hideDisabledButtons:e})=>e&&i(["&{visibility:hidden;}"]))),g=e.div.withConfig({displayName:"pager.style__StyledPagerNoSelect",componentId:"sc-4c93824-8"})(["user-select:none;white-space:nowrap;font-weight:normal;"]),c=e.div.withConfig({displayName:"pager.style__StyledPagerSummary",componentId:"sc-4c93824-9"})(["justify-self:end;white-space:nowrap;grid-area:1 / 3 / 1 / 3;",""],(({smallScreenBreakpoint:e})=>e&&i(["@media (max-width:","){grid-area:1 / 2 / 1 / 2;}"],e)));export{r as StyledPagerContainer,p as StyledPagerLink,d as StyledPagerNavInner,l as StyledPagerNavLabel,s as StyledPagerNavigation,g as StyledPagerNoSelect,n as StyledPagerSizeOptions,o as StyledPagerSizeOptionsInner,c as StyledPagerSummary,t as StyledSelectContainer};
1
+ import a,{css as e}from"styled-components";const o={small:{minHeight:"var(--global-size-m)",padding:"var(--global-space-comp-xs)",font:"var(--global-font-static-comp-regular-s)",rowGap:"var(--global-space-comp-s)"},medium:{minHeight:"var(--global-size-xl)",padding:"var(--global-space-comp-s)",font:"var(--global-font-static-comp-regular-m)",rowGap:"var(--global-space-comp-l)"},large:{minHeight:"var(--global-size-2-xl)",padding:"var(--global-space-comp-s)",font:"var(--global-font-static-comp-regular-l)",rowGap:"var(--global-space-comp-l)"}},l=a.nav.withConfig({displayName:"pager.style__StyledPagination",componentId:"sc-bc9e81e5-0"})(["",""],(({$variant:a,$size:l})=>e(["display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;flex-wrap:wrap;font:",";width:100%;min-width:288px;min-height:",";padding:",";row-gap:",";border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--container-standard-border-default);background:var(--container-standard-bg-alt);",""],o[l].font,o[l].minHeight,o[l].padding,o[l].rowGap,"alternate"===a&&e(["background:none;border:none;"])))),r=a.div.withConfig({displayName:"pager.style__StyledPageSizeSelect",componentId:"sc-bc9e81e5-1"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);&& input{field-sizing:content;}"]);export{r as StyledPageSizeSelect,l as StyledPagination};
@@ -0,0 +1 @@
1
+ import o from"styled-components";import r from"../../../button/button.style.js";import t from"../../../icon/icon.style.js";import a from"../../../../style/themes/apply-base-theme.js";const e=o.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t),n=o.div.attrs(a).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"sc-232ba56c-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r,t,t);export{e as StyledButtonIcon,n as default};