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.
- package/esm/__internal__/hint-text/hint-text-style-overrides.style.d.ts +2 -0
- package/esm/__internal__/hint-text/hint-text-style-overrides.style.js +1 -0
- package/esm/__internal__/hint-text/hint-text.style.js +1 -1
- package/esm/__internal__/input/input-style-overrides.style.d.ts +1 -1
- package/esm/__internal__/input/input-style-overrides.style.js +1 -1
- package/esm/__internal__/input/input.style.js +1 -1
- package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
- package/esm/__internal__/label/label-style-overrides.style.d.ts +2 -0
- package/esm/__internal__/label/label-style-overrides.style.js +1 -0
- package/esm/__internal__/label/label.style.js +1 -1
- package/esm/__internal__/validation-message/__next__/validation-message-style-overrides.style.d.ts +2 -0
- package/esm/__internal__/validation-message/__next__/validation-message-style-overrides.style.js +1 -0
- package/esm/__internal__/validation-message/__next__/validation-message.style.js +1 -1
- package/esm/components/flat-table/flat-table.style.js +1 -1
- package/esm/components/icon/icon.style.js +1 -1
- package/esm/components/link/link.style.js +1 -1
- package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/esm/components/menu/menu-item/menu-item.style.js +1 -1
- package/esm/components/pager/__internal__/{pager-navigation.component.d.ts → pagination-navigation.component.d.ts} +11 -13
- package/esm/components/pager/__internal__/pagination-navigation.component.js +1 -0
- package/esm/components/pager/__internal__/pagination-navigation.style.d.ts +12 -0
- package/esm/components/pager/__internal__/pagination-navigation.style.js +1 -0
- package/esm/components/pager/index.js +1 -1
- package/esm/components/pager/pager.component.d.ts +50 -25
- package/esm/components/pager/pager.component.js +1 -1
- package/esm/components/pager/pager.style.d.ts +5 -21
- package/esm/components/pager/pager.style.js +1 -1
- package/esm/components/search/__internal__/legacy/search-button.style.js +1 -0
- package/esm/components/search/__internal__/legacy/search.component.d.ts +71 -0
- package/esm/components/search/__internal__/legacy/search.component.js +1 -0
- package/esm/components/search/__internal__/legacy/search.style.js +1 -0
- package/esm/components/search/search.component.d.ts +24 -28
- package/esm/components/search/search.component.js +1 -1
- package/esm/components/textbox/__internal__/__next__/text-input.component.js +1 -1
- package/esm/components/textbox/__internal__/__next__/text-input.style.js +1 -1
- package/esm/index.js +1 -1
- package/esm/locales/de-de.js +1 -1
- package/esm/locales/en-gb.js +1 -1
- package/esm/locales/es-es.js +1 -1
- package/esm/locales/fr-ca.js +1 -1
- package/esm/locales/fr-fr.js +1 -1
- package/esm/locales/locale.d.ts +22 -8
- package/lib/__internal__/hint-text/hint-text-style-overrides.style.d.ts +2 -0
- package/lib/__internal__/hint-text/hint-text-style-overrides.style.js +1 -0
- package/lib/__internal__/hint-text/hint-text.style.js +1 -1
- package/lib/__internal__/input/input-style-overrides.style.d.ts +1 -1
- package/lib/__internal__/input/input-style-overrides.style.js +1 -1
- package/lib/__internal__/input/input.style.js +1 -1
- package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
- package/lib/__internal__/label/label-style-overrides.style.d.ts +2 -0
- package/lib/__internal__/label/label-style-overrides.style.js +1 -0
- package/lib/__internal__/label/label.style.js +1 -1
- package/lib/__internal__/validation-message/__next__/validation-message-style-overrides.style.d.ts +2 -0
- package/lib/__internal__/validation-message/__next__/validation-message-style-overrides.style.js +1 -0
- package/lib/__internal__/validation-message/__next__/validation-message.style.js +1 -1
- package/lib/components/flat-table/flat-table.style.js +1 -1
- package/lib/components/icon/icon.style.js +1 -1
- package/lib/components/link/link.style.js +1 -1
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/lib/components/menu/menu-item/menu-item.style.js +1 -1
- package/lib/components/pager/__internal__/{pager-navigation.component.d.ts → pagination-navigation.component.d.ts} +11 -13
- package/lib/components/pager/__internal__/pagination-navigation.component.js +1 -0
- package/lib/components/pager/__internal__/pagination-navigation.style.d.ts +12 -0
- package/lib/components/pager/__internal__/pagination-navigation.style.js +1 -0
- package/lib/components/pager/index.js +1 -1
- package/lib/components/pager/pager.component.d.ts +50 -25
- package/lib/components/pager/pager.component.js +1 -1
- package/lib/components/pager/pager.style.d.ts +5 -21
- package/lib/components/pager/pager.style.js +1 -1
- package/lib/components/search/__internal__/legacy/search-button.style.js +1 -0
- package/lib/components/search/__internal__/legacy/search.component.d.ts +71 -0
- package/lib/components/search/__internal__/legacy/search.component.js +1 -0
- package/lib/components/search/__internal__/legacy/search.style.js +1 -0
- package/lib/components/search/search.component.d.ts +24 -28
- package/lib/components/search/search.component.js +1 -1
- package/lib/components/textbox/__internal__/__next__/text-input.component.js +1 -1
- package/lib/components/textbox/__internal__/__next__/text-input.style.js +1 -1
- package/lib/index.js +1 -1
- package/lib/locales/de-de.js +1 -1
- package/lib/locales/en-gb.js +1 -1
- package/lib/locales/es-es.js +1 -1
- package/lib/locales/fr-ca.js +1 -1
- package/lib/locales/fr-fr.js +1 -1
- package/lib/locales/locale.d.ts +22 -8
- package/package.json +1 -1
- package/esm/components/pager/__internal__/pager-navigation-link.component.d.ts +0 -19
- package/esm/components/pager/__internal__/pager-navigation-link.component.js +0 -1
- package/esm/components/pager/__internal__/pager-navigation.component.js +0 -1
- package/esm/components/search/search-button.style.js +0 -1
- package/esm/components/search/search.style.js +0 -1
- package/lib/components/pager/__internal__/pager-navigation-link.component.d.ts +0 -19
- package/lib/components/pager/__internal__/pager-navigation-link.component.js +0 -1
- package/lib/components/pager/__internal__/pager-navigation.component.js +0 -1
- package/lib/components/search/search-button.style.js +0 -1
- package/lib/components/search/search.style.js +0 -1
- /package/esm/components/search/{search-button.style.d.ts → __internal__/legacy/search-button.style.d.ts} +0 -0
- /package/esm/components/search/{search.style.d.ts → __internal__/legacy/search.style.d.ts} +0 -0
- /package/lib/components/search/{search-button.style.d.ts → __internal__/legacy/search-button.style.d.ts} +0 -0
- /package/lib/components/search/{search.style.d.ts → __internal__/legacy/search.style.d.ts} +0 -0
|
@@ -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
|
|
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
|
|
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,
|
|
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
|
|
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 @@
|
|
|
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
|
|
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};
|
package/esm/__internal__/validation-message/__next__/validation-message-style-overrides.style.js
ADDED
|
@@ -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
|
|
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{
|
|
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),
|
|
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-
|
|
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
|
|
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-
|
|
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
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Renders navigation Buttons and current page input
|
|
4
|
+
*/
|
|
5
|
+
export interface PaginationNavigationProps {
|
|
3
6
|
/** Current visible page */
|
|
4
7
|
currentPage: number;
|
|
5
|
-
/**
|
|
8
|
+
/** Page size, number of elements on the current page */
|
|
6
9
|
pageSize: number;
|
|
7
|
-
|
|
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
|
-
/**
|
|
29
|
-
|
|
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
|
|
34
|
-
export default
|
|
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{
|
|
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
|
|
10
|
+
/** Callback function for the Next button. */
|
|
11
11
|
onNext?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
12
|
-
/** Callback function for
|
|
12
|
+
/** Callback function for the First button. */
|
|
13
13
|
onFirst?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
14
|
-
/** Callback function for
|
|
14
|
+
/** Callback function for the Previous button. */
|
|
15
15
|
onPrevious?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
16
|
-
/** Callback function for
|
|
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
|
-
/**
|
|
20
|
+
/** Flag to set if the current page number renders as an input. */
|
|
21
21
|
interactivePageNumber?: boolean;
|
|
22
|
-
/**
|
|
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
|
-
/**
|
|
24
|
+
/** Number of records per page. */
|
|
27
25
|
pageSize?: number | string;
|
|
28
|
-
/**
|
|
26
|
+
/** Flag to render the page size selection input. */
|
|
29
27
|
showPageSizeSelection?: boolean;
|
|
30
|
-
/**
|
|
28
|
+
/** List of page size options. */
|
|
31
29
|
pageSizeSelectionOptions?: PageSizeOption[];
|
|
32
|
-
/**
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
39
|
-
|
|
40
|
-
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
45
|
-
|
|
46
|
-
|
|
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
|
|
50
|
-
export default
|
|
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{
|
|
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
|
-
|
|
5
|
-
showPageSizeSelection?: boolean;
|
|
6
|
-
showTotalRecords?: boolean;
|
|
2
|
+
$variant?: "alternate" | "default";
|
|
3
|
+
$size: "small" | "medium" | "large";
|
|
7
4
|
}
|
|
8
|
-
declare const
|
|
9
|
-
declare const
|
|
10
|
-
|
|
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
|
|
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};
|