bonprix-design-system 0.47.0 → 0.48.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/dist/core.css +1 -1
- package/dist/index.d.ts +314 -21
- package/dist/index.js +4845 -4647
- package/dist/index.js.map +1 -1
- package/dist/variables.css +1 -1
- package/package.json +29 -26
package/dist/core.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:bonprixRegular;src:url(bonprix-design-system/fonts/bonprix-Regular.woff2)}@font-face{font-family:sourceSans3;src:url(bonprix-design-system/fonts/SourceSans3-Light.woff2);font-weight:300}@font-face{font-family:sourceSans3;src:url(bonprix-design-system/fonts/SourceSans3-Regular.woff2);font-weight:400}@font-face{font-family:sourceSans3;src:url(bonprix-design-system/fonts/SourceSans3-Semibold.woff2);font-weight:600}@font-face{font-family:sourceSans3;src:url(bonprix-design-system/fonts/SourceSans3-Bold.woff2);font-weight:700}[data-mode=light],:root{--color-primary: 0
|
|
1
|
+
@font-face{font-family:bonprixRegular;src:url(bonprix-design-system/fonts/bonprix-Regular.woff2)}@font-face{font-family:sourceSans3;src:url(bonprix-design-system/fonts/SourceSans3-Light.woff2);font-weight:300}@font-face{font-family:sourceSans3;src:url(bonprix-design-system/fonts/SourceSans3-Regular.woff2);font-weight:400}@font-face{font-family:sourceSans3;src:url(bonprix-design-system/fonts/SourceSans3-Semibold.woff2);font-weight:600}@font-face{font-family:sourceSans3;src:url(bonprix-design-system/fonts/SourceSans3-Bold.woff2);font-weight:700}:root{--color-black: 0 0 0;--color-white: 255 255 255;--color-neutral-0: var(--color-black);--color-neutral-50: 15 15 15;--color-neutral-100: 48 48 48;--color-neutral-200: 63 62 62;--color-neutral-300: 77 77 77;--color-neutral-400: 105 105 105;--color-neutral-500: 112 114 117;--color-neutral-600: 158 158 158;--color-neutral-700: 184 184 184;--color-neutral-800: 221 221 221;--color-neutral-900: 248 248 248;--color-neutral-950: 254 254 254;--color-neutral-1000: var(--color-white)}[data-mode=light],:root{--color-primary: var(--color-neutral-0);--color-primary-inverse: var(--color-neutral-1000);--color-on-primary-high: var(--color-neutral-1000);--color-on-primary-high-inverse: var(--color-neutral-0);--color-on-primary-mid: var(--color-neutral-700);--color-on-primary-mid-inverse: var(--color-neutral-400);--color-bg-main: var(--color-neutral-950);--color-bg-main-inverse: var(--color-neutral-100);--color-bg-main-light: var(--color-neutral-900);--color-bg-main-light-inverse: var(--color-neutral-200);--color-on-bg-high: var(--color-neutral-50);--color-on-bg-high-inverse: var(--color-neutral-1000);--color-on-bg-mid: var(--color-neutral-200);--color-on-bg-mid-inverse: var(--color-neutral-800);--color-on-bg-low: var(--color-neutral-500);--color-on-bg-low-inverse: var(--color-neutral-600);--color-fg-error: 161 32 39;--color-bg-error: 255 229 229;--color-fg-alert: 162 79 33;--color-bg-alert: 249 233 207;--color-fg-success: 29 111 61;--color-bg-success: 222 241 227;--color-fg-info: 59 94 174;--color-bg-info: 229 237 255;--color-voucher: 65 120 169;--color-sale: 190 24 26;--color-on-sale: var(--color-neutral-1000);--color-disabled: var(--color-neutral-700);--color-disabled-inverse: var(--color-neutral-500);--color-bg-disabled: var(--color-neutral-800);--color-bg-disabled-inverse: var(--color-neutral-600);--color-sustainable: 134 165 150}[data-mode=dark]{--color-primary: var(--color-neutral-1000);--color-primary-inverse: var(--color-neutral-0);--color-on-primary-high: var(--color-neutral-0);--color-on-primary-high-inverse: var(--color-neutral-1000);--color-on-primary-mid: var(--color-neutral-400);--color-on-primary-mid-inverse: var(--color-neutral-700);--color-bg-main: var(--color-neutral-100);--color-bg-main-inverse: var(--color-neutral-950);--color-bg-main-light: var(--color-neutral-200);--color-bg-main-light-inverse: var(--color-neutral-900);--color-on-bg-high: var(--color-neutral-1000);--color-on-bg-high-inverse: var(--color-neutral-50);--color-on-bg-mid: var(--color-neutral-800);--color-on-bg-mid-inverse: var(--color-neutral-200);--color-on-bg-low: var(--color-neutral-600);--color-on-bg-low-inverse: var(--color-neutral-500);--color-fg-error: 227 115 121;--color-bg-error: 56 43 43;--color-fg-alert: 207 166 99;--color-bg-alert: 69 65 53;--color-fg-success: 53 182 102;--color-bg-success: 49 63 55;--color-fg-info: 135 179 217;--color-bg-info: 63 66 81;--color-sale: 255 125 127;--color-on-sale: var(--color-neutral-1000);--color-disabled: var(--color-neutral-300);--color-disabled-inverse: var(--color-neutral-700);--color-bg-disabled: var(--color-neutral-400);--color-bg-disabled-inverse: var(--color-neutral-800);--color-sustainable: 134 165 150;--color-voucher: 65 120 169}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}
|
package/dist/index.d.ts
CHANGED
|
@@ -8,7 +8,6 @@ import { ReactNode } from 'react';
|
|
|
8
8
|
import { Ref } from 'react';
|
|
9
9
|
import { RefObject } from 'react';
|
|
10
10
|
import { SplideSlide } from '@splidejs/react-splide';
|
|
11
|
-
import { default as tailwindConfig } from '../tailwind.config';
|
|
12
11
|
|
|
13
12
|
export declare const Accordion: FC<AccordionProps> & {
|
|
14
13
|
Item: typeof Collapsible;
|
|
@@ -180,6 +179,8 @@ declare interface BaseProps_3 {
|
|
|
180
179
|
disabled?: boolean;
|
|
181
180
|
/** If set to `true`, the checkbox will be marked as erroneous. */
|
|
182
181
|
error?: boolean;
|
|
182
|
+
errorText?: string;
|
|
183
|
+
helperText?: string;
|
|
183
184
|
/** A reference to the root element of the checkbox. Helpful for intergrating with 3rd party form libraries like react-hook-form. */
|
|
184
185
|
rootRef?: Ref<HTMLInputElement>;
|
|
185
186
|
/** <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-describedby" target="_blank">ARIA: aria-describedby attribute.</a> */
|
|
@@ -266,6 +267,8 @@ declare interface BaseProps_8 {
|
|
|
266
267
|
smallLabel?: boolean;
|
|
267
268
|
/** If `true`, the switch will be disabled. */
|
|
268
269
|
disabled?: boolean;
|
|
270
|
+
/** If `true`, inverts the colors of the component. */
|
|
271
|
+
inverted?: boolean;
|
|
269
272
|
}
|
|
270
273
|
|
|
271
274
|
declare interface BaseProps_9 extends TextInputBaseProps {
|
|
@@ -292,7 +295,7 @@ export declare interface BenefitTagProps {
|
|
|
292
295
|
/** Describes the benefit. */
|
|
293
296
|
children: string;
|
|
294
297
|
/** Type or category of the benefit. Depending on the chosen value, the visual appearance of the component will adjust appropriately. */
|
|
295
|
-
variant?: "product" | "price" | "social";
|
|
298
|
+
variant?: "product" | "price" | "social" | "voucher";
|
|
296
299
|
/** One of two possible component sizes, which should be used depending on the context. */
|
|
297
300
|
size?: "large" | "small";
|
|
298
301
|
}
|
|
@@ -416,6 +419,7 @@ declare interface CheckboxGroupBaseProps extends ControlGroupProps {
|
|
|
416
419
|
declare const CheckboxGroupItem: FC<CheckboxGroupItemPropsExternal>;
|
|
417
420
|
|
|
418
421
|
declare interface CheckboxGroupItemPropsExternal extends Omit<Props, "onChange" | "onBlur" | "rootRef" | "name" | "checked"> {
|
|
422
|
+
/** Name of the checkbox group item. */
|
|
419
423
|
name?: string;
|
|
420
424
|
}
|
|
421
425
|
|
|
@@ -433,7 +437,7 @@ export declare type CheckboxProps = {
|
|
|
433
437
|
export declare const Collapsible: FC<CollapsibleProps>;
|
|
434
438
|
|
|
435
439
|
export declare interface CollapsibleProps {
|
|
436
|
-
/** Brief summary or label for the content within the component.
|
|
440
|
+
/** Brief summary or label for the content within the component. */
|
|
437
441
|
title: ReactNode;
|
|
438
442
|
/** Content of the collapsible, which might be collapsed or expanded. */
|
|
439
443
|
children: ReactNode;
|
|
@@ -453,7 +457,7 @@ export declare interface CollapsibleProps {
|
|
|
453
457
|
onInitialInView?: () => void;
|
|
454
458
|
}
|
|
455
459
|
|
|
456
|
-
declare type ColumnSpan =
|
|
460
|
+
declare type ColumnSpan = Span | 0;
|
|
457
461
|
|
|
458
462
|
declare interface CommonProps {
|
|
459
463
|
/** One of the valid logo variants. */
|
|
@@ -475,7 +479,7 @@ declare const Content: FC<{
|
|
|
475
479
|
children: ReactNode;
|
|
476
480
|
}>;
|
|
477
481
|
|
|
478
|
-
declare const Content_2: FC<
|
|
482
|
+
declare const Content_2: FC<Props_9>;
|
|
479
483
|
|
|
480
484
|
declare interface ControlGroupProps {
|
|
481
485
|
/** Here, the RadioGroup.Item subcomponents should be placed. */
|
|
@@ -596,7 +600,7 @@ declare interface GridItemProps {
|
|
|
596
600
|
/** The content of the grid item. */
|
|
597
601
|
children?: ReactNode;
|
|
598
602
|
/** The number of columns the item should span. Can be used if the amount of columns is not changed between breakpoints. */
|
|
599
|
-
span?:
|
|
603
|
+
span?: Span;
|
|
600
604
|
/** The number of columns the item should span on the "s" breakpoint. */
|
|
601
605
|
s?: ColumnSpan;
|
|
602
606
|
/** The number of columns the item should span on the "m" breakpoint. */
|
|
@@ -744,6 +748,8 @@ export declare interface NotificationProps {
|
|
|
744
748
|
permanent?: boolean;
|
|
745
749
|
/** If `true`, a close button will be displayed in the notification. */
|
|
746
750
|
showCloser?: boolean;
|
|
751
|
+
/** The z-index of the Notification. */
|
|
752
|
+
zIndex?: number;
|
|
747
753
|
}
|
|
748
754
|
|
|
749
755
|
export declare const Pagination: FC<PaginationProps>;
|
|
@@ -776,6 +782,13 @@ declare const PrimaryButton: FC<Props_2>;
|
|
|
776
782
|
declare type Props = ControlledInputProps | UncontrolledInputProps;
|
|
777
783
|
|
|
778
784
|
declare interface Props_10 {
|
|
785
|
+
/** The name of the step. */
|
|
786
|
+
children: string;
|
|
787
|
+
/** The href attribute for the step link. */
|
|
788
|
+
href?: string;
|
|
789
|
+
}
|
|
790
|
+
|
|
791
|
+
declare interface Props_11 {
|
|
779
792
|
/** Unique identifier for the tab item. With its help the tab item can be referenced programmatically. */
|
|
780
793
|
value: string;
|
|
781
794
|
/** The label of the tab item. */
|
|
@@ -786,7 +799,7 @@ declare interface Props_10 {
|
|
|
786
799
|
icon?: ReactNode;
|
|
787
800
|
}
|
|
788
801
|
|
|
789
|
-
declare interface
|
|
802
|
+
declare interface Props_12 {
|
|
790
803
|
/** The unique identifier for the tab content. With its help the tab content can be referenced programmatically. */
|
|
791
804
|
value: string;
|
|
792
805
|
/** The content of the tab content. */
|
|
@@ -835,20 +848,17 @@ declare interface Props_6 {
|
|
|
835
848
|
}
|
|
836
849
|
|
|
837
850
|
declare interface Props_7 {
|
|
838
|
-
|
|
839
|
-
children: string;
|
|
851
|
+
children: ReactNode;
|
|
840
852
|
}
|
|
841
853
|
|
|
842
854
|
declare interface Props_8 {
|
|
843
|
-
/** The content
|
|
844
|
-
children:
|
|
855
|
+
/** The text content. */
|
|
856
|
+
children: string;
|
|
845
857
|
}
|
|
846
858
|
|
|
847
859
|
declare interface Props_9 {
|
|
848
|
-
/** The
|
|
849
|
-
children:
|
|
850
|
-
/** The href attribute for the step link. */
|
|
851
|
-
href?: string;
|
|
860
|
+
/** The content of the side sheet. */
|
|
861
|
+
children: ReactNode;
|
|
852
862
|
}
|
|
853
863
|
|
|
854
864
|
export declare const RadioGroup: FC<RadioGroupProps> & Subcomponents_5;
|
|
@@ -928,6 +938,39 @@ export declare type SelectProps = ControlledSelectProps | UncontrolledSelectProp
|
|
|
928
938
|
|
|
929
939
|
declare type SeverityLevel = (typeof levels)[number];
|
|
930
940
|
|
|
941
|
+
export declare const ShowMoreList: FC<ShowMoreListProps> & {
|
|
942
|
+
Item: typeof ShowMoreListItem;
|
|
943
|
+
};
|
|
944
|
+
|
|
945
|
+
declare const ShowMoreListItem: FC<Props_7>;
|
|
946
|
+
|
|
947
|
+
export declare interface ShowMoreListProps {
|
|
948
|
+
/** Brief summary or label for the content within the component. */
|
|
949
|
+
title: string;
|
|
950
|
+
/** Whether the title is hidden visually. */
|
|
951
|
+
hideTitle?: boolean;
|
|
952
|
+
/** Slot to contain the component's children. `ShowMoreList.Item`s must be used for all countable children. Combine with your own `<li>` elements for customization (e.g. categories). */
|
|
953
|
+
children: ReactNode;
|
|
954
|
+
/** How many items should be shown initially. */
|
|
955
|
+
initiallyShownItems?: number;
|
|
956
|
+
/** The button text when more items are available to expand. */
|
|
957
|
+
buttonShowMoreLabel?: string;
|
|
958
|
+
/** The button text when all items are visible. */
|
|
959
|
+
buttonShowLessLabel?: string;
|
|
960
|
+
/** Gap between items. */
|
|
961
|
+
gap?: string | number;
|
|
962
|
+
/** The preview height of the first hidden item. Supported values: number (px), string (px), string (percentage). Examples: 16, "16px", "20%" */
|
|
963
|
+
previewHeight?: string | number;
|
|
964
|
+
/** The HTML tag used to render the title. Defaults to h3. */
|
|
965
|
+
titleComponent?: "h3" | "h4";
|
|
966
|
+
/**
|
|
967
|
+
* Callback function that gets triggered whenever the count of shown items changes via button click.
|
|
968
|
+
* @param shownItems The current number of items being displayed before the change.
|
|
969
|
+
* @param nextShownItems The new number of items that will be displayed after the change.
|
|
970
|
+
*/
|
|
971
|
+
onChange?: (shownItems: number, nextShownItems: number) => void;
|
|
972
|
+
}
|
|
973
|
+
|
|
931
974
|
export declare const SideSheet: FC<SideSheetProps> & Subcomponents_7;
|
|
932
975
|
|
|
933
976
|
export declare interface SideSheetProps {
|
|
@@ -937,7 +980,6 @@ export declare interface SideSheetProps {
|
|
|
937
980
|
onClose?: () => void;
|
|
938
981
|
onBack?: () => void;
|
|
939
982
|
zIndex?: number;
|
|
940
|
-
disableHorizontalPadding?: boolean;
|
|
941
983
|
}
|
|
942
984
|
|
|
943
985
|
declare interface SourceSetMapper {
|
|
@@ -949,6 +991,8 @@ declare interface SourceSetMapper {
|
|
|
949
991
|
xxxl?: string;
|
|
950
992
|
}
|
|
951
993
|
|
|
994
|
+
declare type Span = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
995
|
+
|
|
952
996
|
export declare const Spinner: FC<SpinnerProps>;
|
|
953
997
|
|
|
954
998
|
declare interface SpinnerProps {
|
|
@@ -969,7 +1013,7 @@ export declare interface StepNaviProps {
|
|
|
969
1013
|
ariaLabel?: string;
|
|
970
1014
|
}
|
|
971
1015
|
|
|
972
|
-
declare const StepNaviStep: FC<
|
|
1016
|
+
declare const StepNaviStep: FC<Props_10>;
|
|
973
1017
|
|
|
974
1018
|
declare interface Subcomponents {
|
|
975
1019
|
Slide: typeof SplideSlide;
|
|
@@ -1024,9 +1068,9 @@ export declare const Switch: FC<SwitchProps>;
|
|
|
1024
1068
|
|
|
1025
1069
|
export declare type SwitchProps = ControlledInputProps_3 | UncontrolledInputProps_3;
|
|
1026
1070
|
|
|
1027
|
-
declare const TabContent: FC<
|
|
1071
|
+
declare const TabContent: FC<Props_12>;
|
|
1028
1072
|
|
|
1029
|
-
declare const TabItem: FC<
|
|
1073
|
+
declare const TabItem: FC<Props_11>;
|
|
1030
1074
|
|
|
1031
1075
|
export declare const Tabs: FC<TabsProps> & Subcomponents_9;
|
|
1032
1076
|
|
|
@@ -1046,7 +1090,256 @@ export declare interface TabsProps {
|
|
|
1046
1090
|
onChange: (value: string) => void;
|
|
1047
1091
|
}
|
|
1048
1092
|
|
|
1049
|
-
|
|
1093
|
+
/** @type {import('tailwindcss').Config} */
|
|
1094
|
+
export declare const tailwindConfig: {
|
|
1095
|
+
corePlugins: {
|
|
1096
|
+
preflight: boolean;
|
|
1097
|
+
};
|
|
1098
|
+
future: {
|
|
1099
|
+
hoverOnlyWhenSupported: boolean;
|
|
1100
|
+
};
|
|
1101
|
+
darkMode: string[];
|
|
1102
|
+
content: string[];
|
|
1103
|
+
theme: {
|
|
1104
|
+
extend: {
|
|
1105
|
+
fontFamily: {
|
|
1106
|
+
bonprixRegular: string[];
|
|
1107
|
+
sourceSans3: string[];
|
|
1108
|
+
};
|
|
1109
|
+
keyframes: {
|
|
1110
|
+
fadeIn: {
|
|
1111
|
+
from: {
|
|
1112
|
+
opacity: string;
|
|
1113
|
+
};
|
|
1114
|
+
to: {
|
|
1115
|
+
opacity: string;
|
|
1116
|
+
};
|
|
1117
|
+
};
|
|
1118
|
+
fadeOut: {
|
|
1119
|
+
from: {
|
|
1120
|
+
opacity: string;
|
|
1121
|
+
};
|
|
1122
|
+
to: {
|
|
1123
|
+
opacity: string;
|
|
1124
|
+
};
|
|
1125
|
+
};
|
|
1126
|
+
slideLeft: {
|
|
1127
|
+
from: {
|
|
1128
|
+
transform: string;
|
|
1129
|
+
};
|
|
1130
|
+
to: {
|
|
1131
|
+
transform: string;
|
|
1132
|
+
};
|
|
1133
|
+
};
|
|
1134
|
+
slideRight: {
|
|
1135
|
+
from: {
|
|
1136
|
+
transform: string;
|
|
1137
|
+
};
|
|
1138
|
+
to: {
|
|
1139
|
+
transform: string;
|
|
1140
|
+
};
|
|
1141
|
+
};
|
|
1142
|
+
shrinkHorizontally: {
|
|
1143
|
+
from: {
|
|
1144
|
+
width: string;
|
|
1145
|
+
};
|
|
1146
|
+
to: {
|
|
1147
|
+
width: string;
|
|
1148
|
+
};
|
|
1149
|
+
};
|
|
1150
|
+
dummyAnimation: {
|
|
1151
|
+
from: {};
|
|
1152
|
+
to: {};
|
|
1153
|
+
};
|
|
1154
|
+
};
|
|
1155
|
+
animation: {
|
|
1156
|
+
slideLeft: string;
|
|
1157
|
+
slideRight: string;
|
|
1158
|
+
fadeIn: string;
|
|
1159
|
+
fadeOut: string;
|
|
1160
|
+
shrinkHorizontally: string;
|
|
1161
|
+
dummyAnimation: string;
|
|
1162
|
+
};
|
|
1163
|
+
gap: {
|
|
1164
|
+
0.25: string;
|
|
1165
|
+
0.75: string;
|
|
1166
|
+
1.25: string;
|
|
1167
|
+
6.5: string;
|
|
1168
|
+
11.5: string;
|
|
1169
|
+
17.5: string;
|
|
1170
|
+
35: string;
|
|
1171
|
+
50: string;
|
|
1172
|
+
75: string;
|
|
1173
|
+
100: string;
|
|
1174
|
+
150: string;
|
|
1175
|
+
};
|
|
1176
|
+
height: {
|
|
1177
|
+
0.25: string;
|
|
1178
|
+
0.75: string;
|
|
1179
|
+
1.25: string;
|
|
1180
|
+
6.5: string;
|
|
1181
|
+
11.5: string;
|
|
1182
|
+
17.5: string;
|
|
1183
|
+
35: string;
|
|
1184
|
+
50: string;
|
|
1185
|
+
75: string;
|
|
1186
|
+
100: string;
|
|
1187
|
+
150: string;
|
|
1188
|
+
};
|
|
1189
|
+
margin: {
|
|
1190
|
+
0.25: string;
|
|
1191
|
+
0.75: string;
|
|
1192
|
+
1.25: string;
|
|
1193
|
+
6.5: string;
|
|
1194
|
+
11.5: string;
|
|
1195
|
+
17.5: string;
|
|
1196
|
+
35: string;
|
|
1197
|
+
50: string;
|
|
1198
|
+
75: string;
|
|
1199
|
+
100: string;
|
|
1200
|
+
150: string;
|
|
1201
|
+
};
|
|
1202
|
+
maxHeight: {
|
|
1203
|
+
0.25: string;
|
|
1204
|
+
0.75: string;
|
|
1205
|
+
1.25: string;
|
|
1206
|
+
6.5: string;
|
|
1207
|
+
11.5: string;
|
|
1208
|
+
17.5: string;
|
|
1209
|
+
35: string;
|
|
1210
|
+
50: string;
|
|
1211
|
+
75: string;
|
|
1212
|
+
100: string;
|
|
1213
|
+
150: string;
|
|
1214
|
+
};
|
|
1215
|
+
maxWidth: {
|
|
1216
|
+
0.25: string;
|
|
1217
|
+
0.75: string;
|
|
1218
|
+
1.25: string;
|
|
1219
|
+
6.5: string;
|
|
1220
|
+
11.5: string;
|
|
1221
|
+
17.5: string;
|
|
1222
|
+
35: string;
|
|
1223
|
+
50: string;
|
|
1224
|
+
75: string;
|
|
1225
|
+
100: string;
|
|
1226
|
+
150: string;
|
|
1227
|
+
};
|
|
1228
|
+
minHeight: {
|
|
1229
|
+
0.25: string;
|
|
1230
|
+
0.75: string;
|
|
1231
|
+
1.25: string;
|
|
1232
|
+
6.5: string;
|
|
1233
|
+
11.5: string;
|
|
1234
|
+
17.5: string;
|
|
1235
|
+
35: string;
|
|
1236
|
+
50: string;
|
|
1237
|
+
75: string;
|
|
1238
|
+
100: string;
|
|
1239
|
+
150: string;
|
|
1240
|
+
};
|
|
1241
|
+
minWidth: {
|
|
1242
|
+
0.25: string;
|
|
1243
|
+
0.75: string;
|
|
1244
|
+
1.25: string;
|
|
1245
|
+
6.5: string;
|
|
1246
|
+
11.5: string;
|
|
1247
|
+
17.5: string;
|
|
1248
|
+
35: string;
|
|
1249
|
+
50: string;
|
|
1250
|
+
75: string;
|
|
1251
|
+
100: string;
|
|
1252
|
+
150: string;
|
|
1253
|
+
};
|
|
1254
|
+
opacity: {
|
|
1255
|
+
32: string;
|
|
1256
|
+
};
|
|
1257
|
+
padding: {
|
|
1258
|
+
0.25: string;
|
|
1259
|
+
0.75: string;
|
|
1260
|
+
1.25: string;
|
|
1261
|
+
6.5: string;
|
|
1262
|
+
11.5: string;
|
|
1263
|
+
17.5: string;
|
|
1264
|
+
35: string;
|
|
1265
|
+
50: string;
|
|
1266
|
+
75: string;
|
|
1267
|
+
100: string;
|
|
1268
|
+
150: string;
|
|
1269
|
+
};
|
|
1270
|
+
width: {
|
|
1271
|
+
0.25: string;
|
|
1272
|
+
0.75: string;
|
|
1273
|
+
1.25: string;
|
|
1274
|
+
6.5: string;
|
|
1275
|
+
11.5: string;
|
|
1276
|
+
17.5: string;
|
|
1277
|
+
35: string;
|
|
1278
|
+
50: string;
|
|
1279
|
+
75: string;
|
|
1280
|
+
100: string;
|
|
1281
|
+
150: string;
|
|
1282
|
+
};
|
|
1283
|
+
inset: {
|
|
1284
|
+
100: string;
|
|
1285
|
+
};
|
|
1286
|
+
zIndex: {
|
|
1287
|
+
1: string;
|
|
1288
|
+
2: string;
|
|
1289
|
+
};
|
|
1290
|
+
};
|
|
1291
|
+
screens: {
|
|
1292
|
+
s: string;
|
|
1293
|
+
m: string;
|
|
1294
|
+
l: string;
|
|
1295
|
+
xl: string;
|
|
1296
|
+
xxl: string;
|
|
1297
|
+
xxxl: string;
|
|
1298
|
+
};
|
|
1299
|
+
colors: {
|
|
1300
|
+
transparent: string;
|
|
1301
|
+
current: string;
|
|
1302
|
+
inherit: string;
|
|
1303
|
+
"clr-primary": string;
|
|
1304
|
+
"clr-primary-inverse": string;
|
|
1305
|
+
"clr-on-primary-high": string;
|
|
1306
|
+
"clr-on-primary-high-inverse": string;
|
|
1307
|
+
"clr-on-primary-mid": string;
|
|
1308
|
+
"clr-on-primary-mid-inverse": string;
|
|
1309
|
+
"clr-bg-main": string;
|
|
1310
|
+
"clr-bg-main-inverse": string;
|
|
1311
|
+
"clr-bg-main-light": string;
|
|
1312
|
+
"clr-bg-main-light-inverse": string;
|
|
1313
|
+
"clr-on-bg-high": string;
|
|
1314
|
+
"clr-on-bg-high-inverse": string;
|
|
1315
|
+
"clr-on-bg-mid": string;
|
|
1316
|
+
"clr-on-bg-mid-inverse": string;
|
|
1317
|
+
"clr-on-bg-low": string;
|
|
1318
|
+
"clr-on-bg-low-inverse": string;
|
|
1319
|
+
"clr-fg-error": string;
|
|
1320
|
+
"clr-bg-error": string;
|
|
1321
|
+
"clr-fg-alert": string;
|
|
1322
|
+
"clr-bg-alert": string;
|
|
1323
|
+
"clr-fg-success": string;
|
|
1324
|
+
"clr-bg-success": string;
|
|
1325
|
+
"clr-fg-info": string;
|
|
1326
|
+
"clr-bg-info": string;
|
|
1327
|
+
"clr-sale": string;
|
|
1328
|
+
"clr-on-sale": string;
|
|
1329
|
+
"clr-disabled": string;
|
|
1330
|
+
"clr-disabled-inverse": string;
|
|
1331
|
+
"clr-bg-disabled": string;
|
|
1332
|
+
"clr-bg-disabled-inverse": string;
|
|
1333
|
+
"clr-sustainable": string;
|
|
1334
|
+
"clr-voucher": string;
|
|
1335
|
+
"clr-black": string;
|
|
1336
|
+
"clr-white": string;
|
|
1337
|
+
"clr-bg-modal": string;
|
|
1338
|
+
};
|
|
1339
|
+
};
|
|
1340
|
+
safelist: string[];
|
|
1341
|
+
important: boolean;
|
|
1342
|
+
};
|
|
1050
1343
|
|
|
1051
1344
|
export declare const TertiaryButton: FC<TertiaryButtonProps>;
|
|
1052
1345
|
|
|
@@ -1134,7 +1427,7 @@ declare const Title: FC<{
|
|
|
1134
1427
|
children: string;
|
|
1135
1428
|
}>;
|
|
1136
1429
|
|
|
1137
|
-
declare const Title_2: FC<
|
|
1430
|
+
declare const Title_2: FC<Props_8>;
|
|
1138
1431
|
|
|
1139
1432
|
export declare const Tooltip: FC<TooltipProps>;
|
|
1140
1433
|
|