@vodafone_de/brix-components 8.1.3 → 9.0.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.
|
@@ -30,6 +30,7 @@ import { d as colorObjectSelected } from "../../ObjectColor-DxgEnOBM.js";
|
|
|
30
30
|
import { a as opacityDisabled, o as opacityOverlay } from "../../Opacity-smkGiwsf.js";
|
|
31
31
|
import { s as spacingMd, b as spacingSm, g as spacingLg, f as spacing2Xs, a as spacingXs } from "../../Spacing-8v6hcO2x.js";
|
|
32
32
|
import { a as colorTextNeutral, e as colorTextInverse } from "../../TextColor-BXVMXUVE.js";
|
|
33
|
+
import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
|
|
33
34
|
const millisecondsInWeek = 6048e5;
|
|
34
35
|
const millisecondsInDay = 864e5;
|
|
35
36
|
const constructFromSymbol = Symbol.for("constructDateFrom");
|
|
@@ -4560,9 +4561,11 @@ function normalizeSelectionForMode(mode, value) {
|
|
|
4560
4561
|
return void 0;
|
|
4561
4562
|
}
|
|
4562
4563
|
const CalendarWrapperStyled = styled.div.withConfig({
|
|
4564
|
+
shouldForwardProp: filterProps()
|
|
4565
|
+
}).withConfig({
|
|
4563
4566
|
displayName: "CalendarWrapperStyled",
|
|
4564
4567
|
componentId: "sc-1561vro-0"
|
|
4565
|
-
})(["", ";display:
|
|
4568
|
+
})(["", ";display:block;& .rdp-root{--rdp-accent-color:", ";--rdp-chevron-color:", ";--rdp-accent-background-color:", ";--rdp-day-height:36px;--rdp-day-width:36px;--rdp-day-desktop-height:42px;--rdp-day-desktop-width:42px;--rdp-day_button-border-radius:", ";--rdp-day_button-height:100%;--rdp-day_button-width:--inherit;--rdp-selected-border:1px solid var(--rdp-accent-color);--rdp-disabled-opacity:", ";--rdp-outside-opacity:", ";--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:", ";--rdp-months-gap:", ";--rdp-nav_button-disabled-opacity:", ";--rdp-nav_button-width:20px;--rdp-nav_button-height:20px;--rdp-nav_button-desktop-width:24px;--rdp-nav_button-desktop-height:24px;--rdp-nav-height:38.5px;--rdp-selected-day-background-color:var(--rdp-accent-background-color);--rdp-selected-day-color:", ";--rdp-range_middle-background-color:", ";--rdp-range_middle-color:", ";--rdp-range_start-color:", ";--rdp-range_start-background:linear-gradient( var(--rdp-gradient-direction),transparent 50%,var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color:var( --rdp-accent-background-color );--rdp-range_end-background:linear-gradient( var(--rdp-gradient-direction),var(--rdp-range_middle-background-color) 50%,transparent 50% );--rdp-range_end-color:", ";--rdp-range_end-date-background-color:var( --rdp-accent-background-color );--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:", ";--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:0.3s;--rdp-animation_timing:cubic-bezier(0.4,0,0.2,1);}& caption,& th,& td{text-align:initial;font-weight:initial;vertical-align:initial;}& table{width:initial;margin:initial;}& table tr{display:table-row;padding:initial;border-top:initial;}& table tr:first-child{border-top:initial;}& table td,& table th{vertical-align:initial;}& table td{display:table-cell;}& table thead{display:table-header-group;}& table tbody th{font-weight:initial;}@media only screen and (min-width:600px){& table tr{display:table-row;padding:initial;}& table td,& table th{display:table-cell;margin:initial;padding:initial;}& table th{font-weight:initial;}& table thead{display:table-header-group;}}& .rdp-root[dir='rtl']{--rdp-gradient-direction:-90deg;}& .rdp-root[data-broadcast-calendar='true']{--rdp-outside-opacity:unset;}& .rdp-root{position:relative;box-sizing:border-box;}& .rdp-root *{box-sizing:border-box;}& .rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center;", " @media screen and (min-width:", "){width:var(--rdp-day-desktop-width);height:var(--rdp-day-desktop-height);}}& .rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:inherit;height:var(--rdp-day_button-height);border-radius:var(--rdp-day_button-border-radius);}& .rdp-day_button:disabled{cursor:revert;opacity:var(--rdp-disabled-opacity);}& .rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0;gap:", ";}& .rdp-dropdown:focus-visible ~ .rdp-caption_label,& .rdp-button_previous:focus-visible,& .rdp-button_next:focus-visible{outline:", " solid ", ";border-radius:", ";", "}& .rdp-day_button:focus-visible{outline:", " solid ", ";border-radius:50%;", "}& .rdp-day_button:not(:disabled):hover{background:", ";}& .rdp-button_next,& .rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);@media screen and (min-width:", "){width:var(--rdp-nav_button-desktop-width);height:var(--rdp-nav_button-desktop-height);}}& .rdp-button_next:disabled,& .rdp-button_next[aria-disabled='true'],& .rdp-button_previous:disabled,& .rdp-button_previous[aria-disabled='true']{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity);}& .rdp-chevron{display:inline-block;color:var(--rdp-chevron-color);}& .rdp-root[dir='rtl'] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%;}& .rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap);margin-left:", ";}& .rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit;}& .rdp-dropdown_root{position:relative;display:inline-flex;align-items:center;", ";}& .rdp-dropdown_root[data-disabled='true'] .rdp-chevron{opacity:var(--rdp-disabled-opacity);}& .rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:bold;font-size:large;}& .rdp-root[data-nav-layout='around'] .rdp-month,& .rdp-root[data-nav-layout='after'] .rdp-month{position:relative;}& .rdp-root[data-nav-layout='around'] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative;}& .rdp-root[data-nav-layout='around'] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex;}& .rdp-root[data-nav-layout='around'] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center;}& .rdp-week_number_header{text-align:center;opacity:", ";}& .rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content;}& .rdp-month_grid{border-collapse:collapse;}& .rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height);gap:", ";}& .rdp-weekday{padding:", " 0;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);", ";font-weight:", ";}& .rdp-week_number{opacity:var(--rdp-week_number-opacity);min-height:var(--rdp-week_number-height);min-width:var(--rdp-week_number-width);text-align:var(--rdp-weeknumber-text-align);", " @media screen and (min-width:", "){min-width:var(--rdp-day-desktop-width);min-height:var(--rdp-day-desktop-height);}}& .rdp-today:not(.rdp-outside){color:var(--rdp-today-color);}& .rdp-today .rdp-day_button{border:1px solid ", ";border-radius:50%;}& .rdp-selected{font-weight:bold;font-size:large;}& .rdp-selected .rdp-day_button{font-weight:", ";}& .rdp-selected:not(.rdp-range_middle) .rdp-day_button{background:var(--rdp-selected-day-background-color);color:var(--rdp-selected-day-color);}& .rdp-outside{opacity:var(--rdp-outside-opacity);}& .rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity);}& .rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color);}& .rdp-range_start{background:var(--rdp-range_start-background);", "}& .rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color);}& .rdp-range_middle{background-color:var(--rdp-range_middle-background-color);", "}& .rdp-range_middle .rdp-day_button{color:var(--rdp-range_middle-color);}& .rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color);", "}& .rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color);}& .rdp-range_start.rdp-range_end{background:revert;}& .rdp-focusable{cursor:pointer;}& .rdp-footer{padding:", ";}@keyframes rdp-slide_in_left{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}@keyframes rdp-slide_in_right{0%{transform:translateX(100%);}100%{transform:translateX(0);}}@keyframes rdp-slide_out_left{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}@keyframes rdp-slide_out_right{0%{transform:translateX(0);}100%{transform:translateX(100%);}}& .rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}& .rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}& .rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}& .rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}& .rdp-root[dir='rtl'] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}& .rdp-root[dir='rtl'] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}& .rdp-root[dir='rtl'] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}& .rdp-root[dir='rtl'] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}@keyframes rdp-fade_in{from{opacity:0;}to{opacity:1;}}@keyframes rdp-fade_out{from{opacity:1;}to{opacity:0;}}& .rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}& .rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}& .rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}& .rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;}"], ({
|
|
4566
4569
|
bottomSpacing = spacingMd
|
|
4567
4570
|
}) => getBottomSpacing({
|
|
4568
4571
|
bottomSpacing
|
|
@@ -29,10 +29,7 @@ const FootnoteContent = ({
|
|
|
29
29
|
...props
|
|
30
30
|
}) => /* @__PURE__ */ jsxs(FootnoteContentStyled, { id: props.uid, ...props, tabIndex: -1, children: [
|
|
31
31
|
children,
|
|
32
|
-
/* @__PURE__ */ jsx(Link, { id: `back-${props.uid}`, icon: {
|
|
33
|
-
position: "right",
|
|
34
|
-
name: "ArrowUp"
|
|
35
|
-
}, href: `#${linkUid}`, children: backlinkText })
|
|
32
|
+
/* @__PURE__ */ jsx(Link, { id: `back-${props.uid}`, icon: "ArrowUp", iconPosition: "right", href: `#${linkUid}`, children: backlinkText })
|
|
36
33
|
] });
|
|
37
34
|
export {
|
|
38
35
|
FootnoteContent as default
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FormHTMLAttributes } from 'react';
|
|
1
|
+
import { FormHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { BodyProps } from '../Body';
|
|
3
3
|
import { ButtonGroupProps } from '../ButtonGroup';
|
|
4
4
|
import { HeadingProps } from '../Heading';
|
|
@@ -29,4 +29,8 @@ export interface FormProps extends PatternProps, FormHTMLAttributes<HTMLFormElem
|
|
|
29
29
|
* Pin component's name from string to the concrete name
|
|
30
30
|
*/
|
|
31
31
|
component?: 'Form';
|
|
32
|
+
/**
|
|
33
|
+
* children is mandatory
|
|
34
|
+
*/
|
|
35
|
+
children: ReactNode;
|
|
32
36
|
}
|
|
@@ -142,7 +142,7 @@ const SelectInput = forwardRef(({
|
|
|
142
142
|
onUpdate(event.target.value);
|
|
143
143
|
};
|
|
144
144
|
const optionsHtml = options.map((option) => {
|
|
145
|
-
return /* @__PURE__ */ jsx("option", { value: option, children: renderInlineRichTextFromOpenText(option) }, option);
|
|
145
|
+
return /* @__PURE__ */ jsx("option", { value: option.value, "aria-label": option["aria-label"], children: renderInlineRichTextFromOpenText(option.label) }, option.value);
|
|
146
146
|
});
|
|
147
147
|
return /* @__PURE__ */ jsxs(FormElement, { className: props.className, bottomSpacing, disabled, children: [
|
|
148
148
|
/* @__PURE__ */ jsx(FormHelperLabel, { label, uid }),
|
|
@@ -1,10 +1,20 @@
|
|
|
1
|
-
import { SelectHTMLAttributes } from 'react';
|
|
1
|
+
import { SelectHTMLAttributes, OptionHTMLAttributes } from 'react';
|
|
2
2
|
import { InputSharedProps, InputStatus } from '../Input/props';
|
|
3
|
+
export interface SelectInputOptionProps extends OptionHTMLAttributes<HTMLOptionElement> {
|
|
4
|
+
/**
|
|
5
|
+
* The visible label for the option
|
|
6
|
+
*/
|
|
7
|
+
label: string;
|
|
8
|
+
/**
|
|
9
|
+
* The value associated with the option
|
|
10
|
+
*/
|
|
11
|
+
value: string;
|
|
12
|
+
}
|
|
3
13
|
export interface SelectInputProps extends InputSharedProps, SelectHTMLAttributes<HTMLSelectElement> {
|
|
4
14
|
/**
|
|
5
15
|
* List of selectable options
|
|
6
16
|
*/
|
|
7
|
-
options:
|
|
17
|
+
options: SelectInputOptionProps[];
|
|
8
18
|
/**
|
|
9
19
|
* function that is called on every update.
|
|
10
20
|
*/
|