@norges-domstoler/dds-components 2.3.1 → 2.4.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/index.es.js +393 -288
- package/dist/index.js +393 -287
- package/dist/src/components/Button/Button.styles.d.ts +6 -1
- package/dist/src/components/OverflowMenu/OverflowMenu.d.ts +1 -1
- package/dist/src/components/Tabs/Tabs.tokens.d.ts +3 -0
- package/dist/src/components/Tag/Tag.d.ts +14 -0
- package/dist/src/components/Tag/Tag.stories.d.ts +17 -0
- package/dist/src/components/Tag/Tag.tokens.d.ts +26 -0
- package/dist/src/components/Tag/index.d.ts +1 -0
- package/dist/src/components/Tooltip/Tooltip.styles.d.ts +1 -1
- package/dist/src/helpers/styling/focusVisible.d.ts +2 -0
- package/dist/src/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -3026,7 +3026,7 @@ var DdsColorInfoDark = "rgba(94, 148, 184, 1)";
|
|
|
3026
3026
|
var DdsColorInfoDarker = "rgba(70, 111, 138, 1)";
|
|
3027
3027
|
var DdsColorInfoDarkest = "rgba(47, 74, 92, 1)";
|
|
3028
3028
|
|
|
3029
|
-
var colors$
|
|
3029
|
+
var colors$2 = /*#__PURE__*/Object.freeze({
|
|
3030
3030
|
__proto__: null,
|
|
3031
3031
|
DdsColorPrimaryLightest: DdsColorPrimaryLightest,
|
|
3032
3032
|
DdsColorPrimaryLighter: DdsColorPrimaryLighter,
|
|
@@ -4050,7 +4050,7 @@ var RadiiDdsBorderRadius3RadiiBottomRightNumberPx = 8;
|
|
|
4050
4050
|
var RadiiDdsBorderRadius3RadiiBottomLeft = "8px";
|
|
4051
4051
|
var RadiiDdsBorderRadius3RadiiBottomLeftNumberPx = 8;
|
|
4052
4052
|
|
|
4053
|
-
var borderRadius$
|
|
4053
|
+
var borderRadius$3 = /*#__PURE__*/Object.freeze({
|
|
4054
4054
|
__proto__: null,
|
|
4055
4055
|
RadiiDdsBorderRadius1Radius: RadiiDdsBorderRadius1Radius,
|
|
4056
4056
|
RadiiDdsBorderRadius1RadiusNumberPx: RadiiDdsBorderRadius1RadiusNumberPx,
|
|
@@ -4185,7 +4185,7 @@ var SpacingDdsSpacingPaddingTopHeadingSans08BottomNumberPx = 0;
|
|
|
4185
4185
|
var SpacingDdsSpacingPaddingTopHeadingSans08Left = "0px";
|
|
4186
4186
|
var SpacingDdsSpacingPaddingTopHeadingSans08LeftNumberPx = 0;
|
|
4187
4187
|
|
|
4188
|
-
var spacing$
|
|
4188
|
+
var spacing$3 = /*#__PURE__*/Object.freeze({
|
|
4189
4189
|
__proto__: null,
|
|
4190
4190
|
SizesDdsSpacingLocalX3: SizesDdsSpacingLocalX3,
|
|
4191
4191
|
SizesDdsSpacingLocalX3NumberPx: SizesDdsSpacingLocalX3NumberPx,
|
|
@@ -12156,12 +12156,12 @@ var fontPackages = {
|
|
|
12156
12156
|
};
|
|
12157
12157
|
|
|
12158
12158
|
var ddsBaseTokens = {
|
|
12159
|
-
colors: colors$
|
|
12159
|
+
colors: colors$2,
|
|
12160
12160
|
font: font,
|
|
12161
12161
|
breakpoints: breakpoints$1,
|
|
12162
12162
|
border: border$1,
|
|
12163
|
-
borderRadius: borderRadius$
|
|
12164
|
-
spacing: spacing$
|
|
12163
|
+
borderRadius: borderRadius$3,
|
|
12164
|
+
spacing: spacing$3,
|
|
12165
12165
|
iconSizes: iconSizes,
|
|
12166
12166
|
grid: grid$2,
|
|
12167
12167
|
innerShadow: innerShadow,
|
|
@@ -12222,6 +12222,11 @@ var removeButtonStyling = {
|
|
|
12222
12222
|
outline: 'inherit'
|
|
12223
12223
|
};
|
|
12224
12224
|
|
|
12225
|
+
var visibilityTransition = function visibilityTransition(open) {
|
|
12226
|
+
return Ae(templateObject_1$_ || (templateObject_1$_ = __makeTemplateObject(["\n transition: visibility 0.4s, opacity 0.2s;\n visibility: ", ";\n opacity: ", ";\n "], ["\n transition: visibility 0.4s, opacity 0.2s;\n visibility: ", ";\n opacity: ", ";\n "])), open ? 'visible' : 'hidden', open ? 1 : 0);
|
|
12227
|
+
};
|
|
12228
|
+
var templateObject_1$_;
|
|
12229
|
+
|
|
12225
12230
|
var Border$i = ddsBaseTokens.border,
|
|
12226
12231
|
Colors$t = ddsBaseTokens.colors;
|
|
12227
12232
|
var outlineOffset = '2px';
|
|
@@ -12233,6 +12238,7 @@ var focusVisibleOnDark = {
|
|
|
12233
12238
|
outline: "".concat(Border$i.BordersDdsBorderFocusOndarkStrokeWeight, " ").concat(Border$i.BordersDdsBorderFocusOndarkStroke, " solid"),
|
|
12234
12239
|
outlineOffset: outlineOffset
|
|
12235
12240
|
};
|
|
12241
|
+
var focusVisibleTransitionValue = 'outline-offset 0.2s';
|
|
12236
12242
|
var focusVisibleLink = {
|
|
12237
12243
|
outline: 'none',
|
|
12238
12244
|
backgroundColor: Border$i.BordersDdsBorderFocusBaseStroke,
|
|
@@ -12245,6 +12251,7 @@ var focusVisibleLink = {
|
|
|
12245
12251
|
color: Colors$t.DdsColorNeutralsGray9,
|
|
12246
12252
|
textDecoration: 'none'
|
|
12247
12253
|
});
|
|
12254
|
+
var focusVisibleLinkTransitionValue = 'background-color 0.2s, text-decoration 0.2s, color 0.2s';
|
|
12248
12255
|
var focusVisibleWithBorder = {
|
|
12249
12256
|
outline: 'none',
|
|
12250
12257
|
borderColor: Border$i.BordersDdsBorderFocusCardStroke,
|
|
@@ -12303,8 +12310,8 @@ var hideInput = {
|
|
|
12303
12310
|
margin: 0
|
|
12304
12311
|
};
|
|
12305
12312
|
|
|
12306
|
-
var scrollbarStyling = Ae(templateObject_1$
|
|
12307
|
-
var templateObject_1$
|
|
12313
|
+
var scrollbarStyling = Ae(templateObject_1$Z || (templateObject_1$Z = __makeTemplateObject(["\n /* width */\n &::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: transparent;\n border-radius: 100px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 100px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: ", ";\n }\n\n /* Firefox */\n scrollbar-color: ", "\n transparent;\n scrollbar-width: thin;\n"], ["\n /* width */\n &::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: transparent;\n border-radius: 100px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 100px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: ", ";\n }\n\n /* Firefox */\n scrollbar-color: ", "\n transparent;\n scrollbar-width: thin;\n"])), ddsBaseTokens.colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.35)', ddsBaseTokens.colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.5)', ddsBaseTokens.colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.35)');
|
|
12314
|
+
var templateObject_1$Z;
|
|
12308
12315
|
|
|
12309
12316
|
var Colors$p = ddsBaseTokens.colors,
|
|
12310
12317
|
FontPackages$k = ddsBaseTokens.fontPackages,
|
|
@@ -17871,15 +17878,15 @@ process.env.NODE_ENV !== 'production' ? paddingKeys.reduce((obj, key) => {
|
|
|
17871
17878
|
return obj;
|
|
17872
17879
|
}, {}) : {};
|
|
17873
17880
|
|
|
17874
|
-
function spacing$
|
|
17881
|
+
function spacing$2(props) {
|
|
17875
17882
|
return style(props, spacingKeys);
|
|
17876
17883
|
}
|
|
17877
17884
|
|
|
17878
|
-
spacing$
|
|
17885
|
+
spacing$2.propTypes = process.env.NODE_ENV !== 'production' ? spacingKeys.reduce((obj, key) => {
|
|
17879
17886
|
obj[key] = responsivePropType$1;
|
|
17880
17887
|
return obj;
|
|
17881
17888
|
}, {}) : {};
|
|
17882
|
-
spacing$
|
|
17889
|
+
spacing$2.filterProps = spacingKeys;
|
|
17883
17890
|
|
|
17884
17891
|
function getBorder(value) {
|
|
17885
17892
|
if (typeof value !== 'number') {
|
|
@@ -17934,7 +17941,7 @@ const borderLeftColor = style$1({
|
|
|
17934
17941
|
prop: 'borderLeftColor',
|
|
17935
17942
|
themeKey: 'palette'
|
|
17936
17943
|
});
|
|
17937
|
-
const borderRadius$
|
|
17944
|
+
const borderRadius$2 = props => {
|
|
17938
17945
|
if (props.borderRadius !== undefined && props.borderRadius !== null) {
|
|
17939
17946
|
const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');
|
|
17940
17947
|
|
|
@@ -17947,11 +17954,11 @@ const borderRadius$1 = props => {
|
|
|
17947
17954
|
|
|
17948
17955
|
return null;
|
|
17949
17956
|
};
|
|
17950
|
-
borderRadius$
|
|
17957
|
+
borderRadius$2.propTypes = process.env.NODE_ENV !== 'production' ? {
|
|
17951
17958
|
borderRadius: responsivePropType$1
|
|
17952
17959
|
} : {};
|
|
17953
|
-
borderRadius$
|
|
17954
|
-
const borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor$1, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius$
|
|
17960
|
+
borderRadius$2.filterProps = ['borderRadius'];
|
|
17961
|
+
const borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor$1, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius$2);
|
|
17955
17962
|
var borders$1 = borders;
|
|
17956
17963
|
|
|
17957
17964
|
const displayPrint = style$1({
|
|
@@ -18248,7 +18255,7 @@ const filterPropsMapping = {
|
|
|
18248
18255
|
palette: palette$1.filterProps,
|
|
18249
18256
|
shadows: shadows$2.filterProps,
|
|
18250
18257
|
sizing: sizing$1.filterProps,
|
|
18251
|
-
spacing: spacing$
|
|
18258
|
+
spacing: spacing$2.filterProps,
|
|
18252
18259
|
typography: typography$1.filterProps
|
|
18253
18260
|
};
|
|
18254
18261
|
const styleFunctionMapping = {
|
|
@@ -18260,7 +18267,7 @@ const styleFunctionMapping = {
|
|
|
18260
18267
|
palette: palette$1,
|
|
18261
18268
|
shadows: shadows$2,
|
|
18262
18269
|
sizing: sizing$1,
|
|
18263
|
-
spacing: spacing$
|
|
18270
|
+
spacing: spacing$2,
|
|
18264
18271
|
typography: typography$1
|
|
18265
18272
|
};
|
|
18266
18273
|
Object.keys(filterPropsMapping).reduce((acc, styleFnName) => {
|
|
@@ -20177,13 +20184,13 @@ var getTextColor = function getTextColor(color) {
|
|
|
20177
20184
|
};
|
|
20178
20185
|
|
|
20179
20186
|
var getElementStyling = function getElementStyling(type) {
|
|
20180
|
-
return Ae(templateObject_1$
|
|
20187
|
+
return Ae(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n ", "\n &::selection, *::selection {\n ", "\n }\n "], ["\n ", "\n &::selection, *::selection {\n ", "\n }\n "])), typographyTokens.typographyType[type].base, typographyTokens.selection.base);
|
|
20181
20188
|
};
|
|
20182
20189
|
|
|
20183
20190
|
var LinkIconWrapper = styled$3(IconWrapper$1).withConfig({
|
|
20184
20191
|
displayName: "Typography__LinkIconWrapper",
|
|
20185
20192
|
componentId: "sc-1uvxoh6-0"
|
|
20186
|
-
})(templateObject_2$
|
|
20193
|
+
})(templateObject_2$I || (templateObject_2$I = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typographyTokens.typographyType.a.icon);
|
|
20187
20194
|
var StyledTypography = styled$3.p.withConfig({
|
|
20188
20195
|
displayName: "Typography__StyledTypography",
|
|
20189
20196
|
componentId: "sc-1uvxoh6-1"
|
|
@@ -20193,7 +20200,7 @@ var StyledTypography = styled$3.p.withConfig({
|
|
|
20193
20200
|
}, function (_a) {
|
|
20194
20201
|
var typographyType = _a.typographyType,
|
|
20195
20202
|
interactionProps = _a.interactionProps;
|
|
20196
|
-
return typographyType === 'a' && Ae(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n transition:
|
|
20203
|
+
return typographyType === 'a' && Ae(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n transition: ", ";\n\n &:hover {\n ", "\n }\n ", "\n &:focus-visible, &.focus-visible {\n ", "\n }\n &:focus-visible::selection &.focus-visible::selection {\n ", "\n }\n "], ["\n display: inline-flex;\n align-items: center;\n transition: ", ";\n\n &:hover {\n ", "\n }\n ", "\n &:focus-visible, &.focus-visible {\n ", "\n }\n &:focus-visible::selection &.focus-visible::selection {\n ", "\n }\n "])), focusVisibleLinkTransitionValue, typographyTokens.typographyType[typographyType].hover.base, interactionProps && interactionProps.active && Ae(templateObject_3$v || (templateObject_3$v = __makeTemplateObject(["\n &:active {\n ", "\n }\n "], ["\n &:active {\n ", "\n }\n "])), interactionProps.active), typographyTokens.typographyType[typographyType].focus.base, typographyTokens.typographyType[typographyType].focus.base);
|
|
20197
20204
|
}, function (_a) {
|
|
20198
20205
|
var interactionProps = _a.interactionProps;
|
|
20199
20206
|
return interactionProps && interactionProps.hover && Ae(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n &:hover {\n ", "\n }\n "], ["\n &:hover {\n ", "\n }\n "])), interactionProps.hover);
|
|
@@ -20244,7 +20251,7 @@ var Typography = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
20244
20251
|
}) : '']
|
|
20245
20252
|
}));
|
|
20246
20253
|
});
|
|
20247
|
-
var templateObject_1$
|
|
20254
|
+
var templateObject_1$Y, templateObject_2$I, templateObject_3$v, templateObject_4$p, templateObject_5$g, templateObject_6$f, templateObject_7$b, templateObject_8$9, templateObject_9$7, templateObject_10$7, templateObject_11$5, templateObject_12$3, templateObject_13$2;
|
|
20248
20255
|
|
|
20249
20256
|
var RadioButtonGroupContext = /*#__PURE__*/React__default.createContext(null);
|
|
20250
20257
|
var useRadioButtonGroup = function useRadioButtonGroup() {
|
|
@@ -20352,7 +20359,7 @@ var radioButtonTokens = {
|
|
|
20352
20359
|
var CustomRadioButton = styled$3.span.withConfig({
|
|
20353
20360
|
displayName: "RadioButtonstyles__CustomRadioButton",
|
|
20354
20361
|
componentId: "sc-iwypha-0"
|
|
20355
|
-
})(templateObject_1$
|
|
20362
|
+
})(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n position: absolute;\n box-sizing: border-box;\n border-radius: 50%;\n vertical-align: middle;\n ", "\n left: ", ";\n &:after {\n content: '';\n position: absolute;\n display: none;\n }\n"], ["\n position: absolute;\n box-sizing: border-box;\n border-radius: 50%;\n vertical-align: middle;\n ", "\n left: ", ";\n &:after {\n content: '';\n position: absolute;\n display: none;\n }\n"])), radioButtonTokens.radioButton.base, radioButtonTokens.radioButton.spaceLeft);
|
|
20356
20363
|
var Input$6 = styled$3.input.attrs(function (_a) {
|
|
20357
20364
|
var _b = _a.type,
|
|
20358
20365
|
type = _b === void 0 ? 'radio' : _b;
|
|
@@ -20362,13 +20369,13 @@ var Input$6 = styled$3.input.attrs(function (_a) {
|
|
|
20362
20369
|
}).withConfig({
|
|
20363
20370
|
displayName: "RadioButtonstyles__Input",
|
|
20364
20371
|
componentId: "sc-iwypha-1"
|
|
20365
|
-
})(templateObject_2$
|
|
20372
|
+
})(templateObject_2$H || (templateObject_2$H = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), hideInput);
|
|
20366
20373
|
var Container$i = styled$3.label.withConfig({
|
|
20367
20374
|
displayName: "RadioButtonstyles__Container",
|
|
20368
20375
|
componentId: "sc-iwypha-2"
|
|
20369
|
-
})(templateObject_6$e || (templateObject_6$e = __makeTemplateObject(["\n position: relative;\n display: block;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n display: flex;\n align-items: center;\n ", "\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n\n &:focus-within {\n ", "\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border-radius: 50%;\n ", "\n }\n"], ["\n position: relative;\n display: block;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n display: flex;\n align-items: center;\n ", "\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n\n &:focus-within {\n ", "\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border-radius: 50%;\n ", "\n }\n"])), radioButtonTokens.container.base, CustomRadioButton, CustomRadioButton, CustomRadioButton, radioButtonTokens.radioButton.checked.base, CustomRadioButton, radioButtonTokens.radioButton.hover.base, CustomRadioButton, radioButtonTokens.radioButton.checked.hover.base, radioButtonTokens.container.focus.base, function (_a) {
|
|
20376
|
+
})(templateObject_6$e || (templateObject_6$e = __makeTemplateObject(["\n position: relative;\n display: block;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n display: flex;\n align-items: center;\n ", "\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n\n &:focus-within {\n ", "\n transition: ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border-radius: 50%;\n ", "\n }\n"], ["\n position: relative;\n display: block;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n display: flex;\n align-items: center;\n ", "\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n\n &:focus-within {\n ", "\n transition: ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border-radius: 50%;\n ", "\n }\n"])), radioButtonTokens.container.base, CustomRadioButton, CustomRadioButton, CustomRadioButton, radioButtonTokens.radioButton.checked.base, CustomRadioButton, radioButtonTokens.radioButton.hover.base, CustomRadioButton, radioButtonTokens.radioButton.checked.hover.base, radioButtonTokens.container.focus.base, focusVisibleTransitionValue, function (_a) {
|
|
20370
20377
|
var error = _a.error;
|
|
20371
|
-
return error && Ae(templateObject_3$
|
|
20378
|
+
return error && Ae(templateObject_3$u || (templateObject_3$u = __makeTemplateObject(["\n input ~ ", " {\n ", "\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "], ["\n input ~ ", " {\n ", "\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "])), CustomRadioButton, radioButtonTokens.radioButton.danger.base, CustomRadioButton, radioButtonTokens.radioButton.danger.hover.base);
|
|
20372
20379
|
}, function (_a) {
|
|
20373
20380
|
var disabled = _a.disabled;
|
|
20374
20381
|
return disabled && Ae(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n cursor: not-allowed;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "], ["\n cursor: not-allowed;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "])), CustomRadioButton, radioButtonTokens.radioButton.disabled.base, CustomRadioButton, radioButtonTokens.radioButton.checked.disabled.base);
|
|
@@ -20376,7 +20383,7 @@ var Container$i = styled$3.label.withConfig({
|
|
|
20376
20383
|
var readOnly = _a.readOnly;
|
|
20377
20384
|
return readOnly && Ae(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n cursor: default;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "], ["\n cursor: default;\n input ~ ", " {\n ", "\n }\n input:checked ~ ", " {\n ", "\n }\n "])), CustomRadioButton, radioButtonTokens.radioButton.readOnly.base, CustomRadioButton, radioButtonTokens.radioButton.checked.readOnly.base);
|
|
20378
20385
|
}, CustomRadioButton, radioButtonTokens.checkmark.base);
|
|
20379
|
-
var templateObject_1$
|
|
20386
|
+
var templateObject_1$X, templateObject_2$H, templateObject_3$u, templateObject_4$o, templateObject_5$f, templateObject_6$e;
|
|
20380
20387
|
|
|
20381
20388
|
var nextUniqueId$h = 0;
|
|
20382
20389
|
|
|
@@ -20464,11 +20471,11 @@ var changeRGBAAlpha = function changeRGBAAlpha(value, alpha) {
|
|
|
20464
20471
|
var Backdrop = styled$3.div.withConfig({
|
|
20465
20472
|
displayName: "Backdrop",
|
|
20466
20473
|
componentId: "sc-vimg90-0"
|
|
20467
|
-
})(templateObject_1$
|
|
20474
|
+
})(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n position: fixed;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n overflow-y: auto;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 50;\n opacity: ", ";\n transition: opacity 0.2s;\n"], ["\n position: fixed;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n overflow-y: auto;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 50;\n opacity: ", ";\n transition: opacity 0.2s;\n"])), changeRGBAAlpha(ddsBaseTokens.colors.DdsColorNeutralsGray9, 0.5), function (_a) {
|
|
20468
20475
|
var isOpen = _a.isOpen;
|
|
20469
20476
|
return isOpen ? 1 : 0;
|
|
20470
20477
|
});
|
|
20471
|
-
var templateObject_1$
|
|
20478
|
+
var templateObject_1$W;
|
|
20472
20479
|
|
|
20473
20480
|
var isVerticalScrollbarDisplayed = function isVerticalScrollbarDisplayed(container) {
|
|
20474
20481
|
return container.clientHeight > window.innerHeight;
|
|
@@ -20488,18 +20495,18 @@ function handleElementWithBackdropUnmount(container) {
|
|
|
20488
20495
|
var SvgChevron = styled$3.svg.withConfig({
|
|
20489
20496
|
displayName: "AnimatedChevronUpDownstyles__SvgChevron",
|
|
20490
20497
|
componentId: "sc-yey4nu-0"
|
|
20491
|
-
})(templateObject_1$
|
|
20498
|
+
})(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n display: inline-block;\n flex-shrink: 0;\n position: relative;\n text-align: center;\n vertical-align: middle;\n"], ["\n display: inline-block;\n flex-shrink: 0;\n position: relative;\n text-align: center;\n vertical-align: middle;\n"])));
|
|
20492
20499
|
var SvgChevronlGroup = styled$3.g.withConfig({
|
|
20493
20500
|
displayName: "AnimatedChevronUpDownstyles__SvgChevronlGroup",
|
|
20494
20501
|
componentId: "sc-yey4nu-1"
|
|
20495
|
-
})(templateObject_2$
|
|
20502
|
+
})(templateObject_2$G || (templateObject_2$G = __makeTemplateObject(["\n transition: transform 0.2s linear;\n transform: ", ";\n"], ["\n transition: transform 0.2s linear;\n transform: ", ";\n"])), function (_a) {
|
|
20496
20503
|
var isUp = _a.isUp;
|
|
20497
20504
|
return isUp ? 'translateY(3px)' : 'translateY(0)';
|
|
20498
20505
|
});
|
|
20499
20506
|
var SvgChevronlLeft = styled$3.path.withConfig({
|
|
20500
20507
|
displayName: "AnimatedChevronUpDownstyles__SvgChevronlLeft",
|
|
20501
20508
|
componentId: "sc-yey4nu-2"
|
|
20502
|
-
})(templateObject_3$
|
|
20509
|
+
})(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n transition: transform 0.2s linear;\n transform-origin: 1px 1px;\n transform: ", ";\n"], ["\n transition: transform 0.2s linear;\n transform-origin: 1px 1px;\n transform: ", ";\n"])), function (_a) {
|
|
20503
20510
|
var isUp = _a.isUp;
|
|
20504
20511
|
return isUp ? 'rotate(-90deg) translateY(0)' : 'rotate(0) translateY(0)';
|
|
20505
20512
|
});
|
|
@@ -20510,7 +20517,7 @@ var SvgChevronlRight = styled$3.path.withConfig({
|
|
|
20510
20517
|
var isUp = _a.isUp;
|
|
20511
20518
|
return isUp ? 'rotate(90deg) translateY(0)' : 'rotate(0) translateY(0)';
|
|
20512
20519
|
});
|
|
20513
|
-
var templateObject_1$
|
|
20520
|
+
var templateObject_1$V, templateObject_2$G, templateObject_3$t, templateObject_4$n;
|
|
20514
20521
|
|
|
20515
20522
|
var svgChevronLeftPath = 'M 1 0 L 5 4 C 5 4 5 4 5 4 L 4 5 C 4 5 4 5 4 5 C 4 5 4 5 4 5 L 0 1 C 0 1 0 1 0 1 L 1 0 C 1 0 1 0 1 0 C 1 0 1 0 1 0 L 1 0 Z';
|
|
20516
20523
|
var svgChevronRightPath = 'M 3 4 L 7 0 L 8 1 C 8 1 8 1 8 1 L 4 5 L 3 4 C 3 4 3 4 3 4 L 3 4 Z';
|
|
@@ -20638,16 +20645,16 @@ var focusBase$5 = __assign({}, focusInputfield);
|
|
|
20638
20645
|
var hoverBase$2 = __assign({}, hoverInputfield);
|
|
20639
20646
|
|
|
20640
20647
|
var inputFieldStylingBase = function inputFieldStylingBase() {
|
|
20641
|
-
return Ae(templateObject_1$
|
|
20648
|
+
return Ae(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n width: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;\n &[type='text'],\n &[type='password'],\n &[type='number'],\n &[type='tel'],\n &[type='date'],\n &[type='url'],\n &[type='email'],\n &[type='search'],\n &[type='datetime-local'] {\n -webkit-appearance: none;\n }\n &::selection {\n ", "\n }\n ", "\n\n &:focus:enabled:read-write, &:active:enabled:read-write {\n ", "\n }\n &:focus {\n outline: none;\n }\n\n &:hover:enabled:read-write {\n ", "\n }\n "], ["\n width: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;\n &[type='text'],\n &[type='password'],\n &[type='number'],\n &[type='tel'],\n &[type='date'],\n &[type='url'],\n &[type='email'],\n &[type='search'],\n &[type='datetime-local'] {\n -webkit-appearance: none;\n }\n &::selection {\n ", "\n }\n ", "\n\n &:focus:enabled:read-write, &:active:enabled:read-write {\n ", "\n }\n &:focus {\n outline: none;\n }\n\n &:hover:enabled:read-write {\n ", "\n }\n "])), typographyTokens.selection.base, stylingBase, focusBase$5, hoverBase$2);
|
|
20642
20649
|
};
|
|
20643
|
-
var templateObject_1$
|
|
20650
|
+
var templateObject_1$U;
|
|
20644
20651
|
|
|
20645
20652
|
var inputStyling = function inputStyling(_a) {
|
|
20646
20653
|
var readOnly = _a.readOnly,
|
|
20647
20654
|
hasLabel = _a.hasLabel,
|
|
20648
20655
|
disabled = _a.disabled,
|
|
20649
20656
|
hasErrorMessage = _a.hasErrorMessage;
|
|
20650
|
-
return Ae(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n ", "\n ", "\n box-sizing: border-box;\n box-shadow: none;\n -webkit-appearance: textfield;\n ", ";\n\n &:hover:enabled:read-write ~ label {\n ", "\n }\n &:focus:enabled:read-write ~ label {\n ", "\n }\n\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n box-sizing: border-box;\n box-shadow: none;\n -webkit-appearance: textfield;\n ", ";\n\n &:hover:enabled:read-write ~ label {\n ", "\n }\n &:focus:enabled:read-write ~ label {\n ", "\n }\n\n ", "\n ", "\n ", "\n "])), inputFieldStylingBase, inputTokens.base, hasLabel ? Ae(templateObject_1$
|
|
20657
|
+
return Ae(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n ", "\n ", "\n box-sizing: border-box;\n box-shadow: none;\n -webkit-appearance: textfield;\n ", ";\n\n &:hover:enabled:read-write ~ label {\n ", "\n }\n &:focus:enabled:read-write ~ label {\n ", "\n }\n\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n box-sizing: border-box;\n box-shadow: none;\n -webkit-appearance: textfield;\n ", ";\n\n &:hover:enabled:read-write ~ label {\n ", "\n }\n &:focus:enabled:read-write ~ label {\n ", "\n }\n\n ", "\n ", "\n ", "\n "])), inputFieldStylingBase, inputTokens.base, hasLabel ? Ae(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), inputTokens.withLabel.base) : Ae(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), inputTokens.noLabel.base), inputTokens.label.hover.base, inputTokens.label.focus.base, disabled && Ae(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n cursor: not-allowed;\n ", "\n "], ["\n cursor: not-allowed;\n ", "\n "])), inputTokens.disabled.base), hasErrorMessage && Ae(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n ", "\n &:hover:enabled:read-write {\n ", "\n }\n &:focus:enabled:read-write,\n &:active:enabled:read-write {\n ", "\n }\n "], ["\n ", "\n &:hover:enabled:read-write {\n ", "\n }\n &:focus:enabled:read-write,\n &:active:enabled:read-write {\n ", "\n }\n "])), inputTokens.error.base, inputTokens.error.hover.base, inputTokens.error.focus.base), readOnly && Ae(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n cursor: default;\n ", "\n "], ["\n cursor: default;\n ", "\n "])), inputTokens.readOnly.base));
|
|
20651
20658
|
};
|
|
20652
20659
|
var Input$5 = styled$3.input.withConfig({
|
|
20653
20660
|
displayName: "Inputstyles__Input",
|
|
@@ -20682,7 +20689,7 @@ var OuterInputContainer = styled$3.div.withConfig({
|
|
|
20682
20689
|
var width = _a.width;
|
|
20683
20690
|
return width;
|
|
20684
20691
|
});
|
|
20685
|
-
var templateObject_1$
|
|
20692
|
+
var templateObject_1$T, templateObject_2$F, templateObject_3$s, templateObject_4$m, templateObject_5$e, templateObject_6$d, templateObject_7$a, templateObject_8$8, templateObject_9$6, templateObject_10$6, templateObject_11$4;
|
|
20686
20693
|
|
|
20687
20694
|
var Colors$m = ddsBaseTokens.colors,
|
|
20688
20695
|
BorderRadius$8 = ddsBaseTokens.borderRadius,
|
|
@@ -20701,19 +20708,19 @@ var paperTokens = {
|
|
|
20701
20708
|
var Paper = styled$3.div.withConfig({
|
|
20702
20709
|
displayName: "Paper",
|
|
20703
20710
|
componentId: "sc-mrbi8q-0"
|
|
20704
|
-
})(templateObject_1$
|
|
20705
|
-
var templateObject_1$
|
|
20711
|
+
})(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n box-sizing: border-box;\n margin: 0;\n &::selection,\n *::selection {\n ", "\n }\n ", "\n"], ["\n box-sizing: border-box;\n margin: 0;\n &::selection,\n *::selection {\n ", "\n }\n ", "\n"])), typographyTokens.selection.base, paperTokens.base);
|
|
20712
|
+
var templateObject_1$S;
|
|
20706
20713
|
|
|
20707
20714
|
var MarkerWrapper = styled$3.span.withConfig({
|
|
20708
20715
|
displayName: "RequiredMarker__MarkerWrapper",
|
|
20709
20716
|
componentId: "sc-1r1e9ds-0"
|
|
20710
|
-
})(templateObject_1$
|
|
20717
|
+
})(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), ddsBaseTokens.colors.DdsColorDangerBase);
|
|
20711
20718
|
var RequiredMarker = function RequiredMarker() {
|
|
20712
20719
|
return jsxRuntime.exports.jsx(MarkerWrapper, {
|
|
20713
20720
|
children: "*"
|
|
20714
20721
|
});
|
|
20715
20722
|
};
|
|
20716
|
-
var templateObject_1$
|
|
20723
|
+
var templateObject_1$R;
|
|
20717
20724
|
|
|
20718
20725
|
var ReportProblemOutlined = {};
|
|
20719
20726
|
|
|
@@ -20764,9 +20771,9 @@ var inputMessageTokens = {
|
|
|
20764
20771
|
var InputMessageWrapper = styled$3.div.withConfig({
|
|
20765
20772
|
displayName: "InputMessage__InputMessageWrapper",
|
|
20766
20773
|
componentId: "sc-c954fy-0"
|
|
20767
|
-
})(templateObject_2$
|
|
20774
|
+
})(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: fit-content;\n word-break: break-word;\n ", "\n ", "\n svg {\n margin-right: ", ";\n position: relative;\n }\n"], ["\n display: flex;\n align-items: center;\n width: fit-content;\n word-break: break-word;\n ", "\n ", "\n svg {\n margin-right: ", ";\n position: relative;\n }\n"])), inputMessageTokens.base, function (_a) {
|
|
20768
20775
|
var messageType = _a.messageType;
|
|
20769
|
-
return messageType && Ae(templateObject_1$
|
|
20776
|
+
return messageType && Ae(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), inputMessageTokens[messageType].base);
|
|
20770
20777
|
}, inputMessageTokens.icon.spaceRight);
|
|
20771
20778
|
var InputMessage = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
20772
20779
|
var message = _a.message,
|
|
@@ -20793,7 +20800,7 @@ var InputMessage = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
20793
20800
|
}))]
|
|
20794
20801
|
}));
|
|
20795
20802
|
});
|
|
20796
|
-
var templateObject_1$
|
|
20803
|
+
var templateObject_1$Q, templateObject_2$E;
|
|
20797
20804
|
|
|
20798
20805
|
var Spacing$v = ddsBaseTokens.spacing;
|
|
20799
20806
|
var groupContainerRowBase$1 = {
|
|
@@ -20858,13 +20865,13 @@ var calculateHeightWithLineHeight = function calculateHeightWithLineHeight(lineH
|
|
|
20858
20865
|
var Container$h = styled$3.div.withConfig({
|
|
20859
20866
|
displayName: "RadioButtonGroup__Container",
|
|
20860
20867
|
componentId: "sc-1xsll60-0"
|
|
20861
|
-
})(templateObject_1$
|
|
20868
|
+
})(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n ", "\n"])), radioButtonGroupTokens.container.base);
|
|
20862
20869
|
var GroupContainer$1 = styled$3.div.withConfig({
|
|
20863
20870
|
displayName: "RadioButtonGroup__GroupContainer",
|
|
20864
20871
|
componentId: "sc-1xsll60-1"
|
|
20865
|
-
})(templateObject_3$
|
|
20872
|
+
})(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), function (_a) {
|
|
20866
20873
|
var direction = _a.direction;
|
|
20867
|
-
return Ae(templateObject_2$
|
|
20874
|
+
return Ae(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n flex-direction: ", ";\n ", "\n "], ["\n flex-direction: ", ";\n ", "\n "])), direction, radioButtonGroupTokens.groupContainer.direction[direction].base);
|
|
20868
20875
|
});
|
|
20869
20876
|
var Label$4 = styled$3(Typography).withConfig({
|
|
20870
20877
|
displayName: "RadioButtonGroup__Label",
|
|
@@ -20949,7 +20956,7 @@ var RadioButtonGroup = function RadioButtonGroup(_a) {
|
|
|
20949
20956
|
})]
|
|
20950
20957
|
}));
|
|
20951
20958
|
};
|
|
20952
|
-
var templateObject_1$
|
|
20959
|
+
var templateObject_1$P, templateObject_2$D, templateObject_3$r, templateObject_4$l;
|
|
20953
20960
|
|
|
20954
20961
|
var Colors$k = ddsBaseTokens.colors,
|
|
20955
20962
|
Spacing$u = ddsBaseTokens.spacing,
|
|
@@ -21086,7 +21093,7 @@ var checkboxTokens = {
|
|
|
21086
21093
|
var CustomCheckbox = styled$3.span.withConfig({
|
|
21087
21094
|
displayName: "Checkboxstyles__CustomCheckbox",
|
|
21088
21095
|
componentId: "sc-17q1ubf-0"
|
|
21089
|
-
})(templateObject_1$
|
|
21096
|
+
})(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n position: absolute;\n ", "\n left: ", ";\n box-sizing: border-box;\n &:after {\n content: '';\n position: absolute;\n display: none;\n }\n"], ["\n position: absolute;\n ", "\n left: ", ";\n box-sizing: border-box;\n &:after {\n content: '';\n position: absolute;\n display: none;\n }\n"])), checkboxTokens.checkbox.base, checkboxTokens.checkbox.spaceLeft);
|
|
21090
21097
|
var Input$4 = styled$3.input.attrs(function (_a) {
|
|
21091
21098
|
var _b = _a.type,
|
|
21092
21099
|
type = _b === void 0 ? 'checkbox' : _b;
|
|
@@ -21096,14 +21103,14 @@ var Input$4 = styled$3.input.attrs(function (_a) {
|
|
|
21096
21103
|
}).withConfig({
|
|
21097
21104
|
displayName: "Checkboxstyles__Input",
|
|
21098
21105
|
componentId: "sc-17q1ubf-1"
|
|
21099
|
-
})(templateObject_2$
|
|
21106
|
+
})(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), hideInput);
|
|
21100
21107
|
var Container$g = styled$3.label.withConfig({
|
|
21101
21108
|
displayName: "Checkboxstyles__Container",
|
|
21102
21109
|
componentId: "sc-17q1ubf-2"
|
|
21103
|
-
})(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n ", "\n ", "\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n &:focus-within {\n ", "\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border: solid ", ";\n ", "\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n ", "\n ", "\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n &:focus-within {\n ", "\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border: solid ", ";\n ", "\n }\n"])), checkboxTokens.container.base, function (_a) {
|
|
21110
|
+
})(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n ", "\n ", "\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n &:focus-within {\n ", "\n transition: ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border: solid ", ";\n ", "\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n width: fit-content;\n ", "\n ", "\n\n input ~ ", " {\n transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;\n }\n\n input:checked ~ ", ":after {\n display: block;\n }\n\n input:checked ~ ", " {\n ", "\n }\n\n &:hover input:enabled ~ ", " {\n ", "\n }\n &:hover input:checked:enabled ~ ", " {\n ", "\n }\n &:focus-within {\n ", "\n transition: ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ":after {\n border: solid ", ";\n ", "\n }\n"])), checkboxTokens.container.base, function (_a) {
|
|
21104
21111
|
var label = _a.label;
|
|
21105
|
-
return label ? Ae(templateObject_3$
|
|
21106
|
-
}, CustomCheckbox, CustomCheckbox, CustomCheckbox, checkboxTokens.checkbox.checked.base, CustomCheckbox, checkboxTokens.checkbox.hover.base, CustomCheckbox, checkboxTokens.checkbox.checked.hover.base, checkboxTokens.container.focus.base, function (_a) {
|
|
21112
|
+
return label ? Ae(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), checkboxTokens.container.withLabel.base) : Ae(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), checkboxTokens.container.noLabel.base);
|
|
21113
|
+
}, CustomCheckbox, CustomCheckbox, CustomCheckbox, checkboxTokens.checkbox.checked.base, CustomCheckbox, checkboxTokens.checkbox.hover.base, CustomCheckbox, checkboxTokens.checkbox.checked.hover.base, checkboxTokens.container.focus.base, focusVisibleTransitionValue, function (_a) {
|
|
21107
21114
|
var error = _a.error;
|
|
21108
21115
|
return error && Ae(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n input ~ ", " {\n ", "\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "], ["\n input ~ ", " {\n ", "\n }\n &:hover input:enabled ~ ", " {\n ", "\n }\n "])), CustomCheckbox, checkboxTokens.checkbox.danger.base, CustomCheckbox, checkboxTokens.checkbox.danger.hover.base);
|
|
21109
21116
|
}, function (_a) {
|
|
@@ -21121,7 +21128,7 @@ var Container$g = styled$3.label.withConfig({
|
|
|
21121
21128
|
var indeterminate = _a.indeterminate;
|
|
21122
21129
|
return indeterminate ? Ae(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n left: 25%;\n top: 50%;\n width: 50%;\n height: 1px;\n ", "\n "], ["\n left: 25%;\n top: 50%;\n width: 50%;\n height: 1px;\n ", "\n "])), checkboxTokens.checkmark.indeterminate.base) : Ae(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), checkboxTokens.checkmark.base);
|
|
21123
21130
|
});
|
|
21124
|
-
var templateObject_1$
|
|
21131
|
+
var templateObject_1$O, templateObject_2$C, templateObject_3$q, templateObject_4$k, templateObject_5$d, templateObject_6$c, templateObject_7$9, templateObject_8$7, templateObject_9$5, templateObject_10$5, templateObject_11$3, templateObject_12$2, templateObject_13$1;
|
|
21125
21132
|
|
|
21126
21133
|
var CheckboxGroupContext = /*#__PURE__*/React__default.createContext(null);
|
|
21127
21134
|
var useCheckboxGroup = function useCheckboxGroup() {
|
|
@@ -21211,13 +21218,13 @@ var checkboxGroupTokens = {
|
|
|
21211
21218
|
var Container$f = styled$3.div.withConfig({
|
|
21212
21219
|
displayName: "CheckboxGroup__Container",
|
|
21213
21220
|
componentId: "sc-uixbzg-0"
|
|
21214
|
-
})(templateObject_1$
|
|
21221
|
+
})(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n ", "\n"])), checkboxGroupTokens.container.base);
|
|
21215
21222
|
var GroupContainer = styled$3.div.withConfig({
|
|
21216
21223
|
displayName: "CheckboxGroup__GroupContainer",
|
|
21217
21224
|
componentId: "sc-uixbzg-1"
|
|
21218
|
-
})(templateObject_3$
|
|
21225
|
+
})(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), function (_a) {
|
|
21219
21226
|
var direction = _a.direction;
|
|
21220
|
-
return Ae(templateObject_2$
|
|
21227
|
+
return Ae(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n flex-direction: ", ";\n ", "\n "], ["\n flex-direction: ", ";\n ", "\n "])), direction, checkboxGroupTokens.groupContainer.direction[direction].base);
|
|
21221
21228
|
});
|
|
21222
21229
|
var Label$3 = styled$3(Typography).withConfig({
|
|
21223
21230
|
displayName: "CheckboxGroup__Label",
|
|
@@ -21281,7 +21288,7 @@ var CheckboxGroup = function CheckboxGroup(_a) {
|
|
|
21281
21288
|
})]
|
|
21282
21289
|
}));
|
|
21283
21290
|
};
|
|
21284
|
-
var templateObject_1$
|
|
21291
|
+
var templateObject_1$N, templateObject_2$B, templateObject_3$p, templateObject_4$j;
|
|
21285
21292
|
|
|
21286
21293
|
var Colors$j = ddsBaseTokens.colors,
|
|
21287
21294
|
Border$d = ddsBaseTokens.border,
|
|
@@ -21783,7 +21790,7 @@ var spinnerTokens = {
|
|
|
21783
21790
|
var StyledSpinner = styled$3.svg.withConfig({
|
|
21784
21791
|
displayName: "Spinner__StyledSpinner",
|
|
21785
21792
|
componentId: "sc-13hsttm-0"
|
|
21786
|
-
})(templateObject_1$
|
|
21793
|
+
})(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n display: block;\n animation: rotate 2s linear infinite;\n animation-delay: ", "ms;\n width: ", ";\n height: ", ";\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n }\n"], ["\n display: block;\n animation: rotate 2s linear infinite;\n animation-delay: ", "ms;\n width: ", ";\n height: ", ";\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n }\n"])), function (_a) {
|
|
21787
21794
|
var outerAnimationDelay = _a.outerAnimationDelay;
|
|
21788
21795
|
return outerAnimationDelay;
|
|
21789
21796
|
}, function (_a) {
|
|
@@ -21796,7 +21803,7 @@ var StyledSpinner = styled$3.svg.withConfig({
|
|
|
21796
21803
|
var Circle = styled$3.circle.withConfig({
|
|
21797
21804
|
displayName: "Spinner__Circle",
|
|
21798
21805
|
componentId: "sc-13hsttm-1"
|
|
21799
|
-
})(templateObject_2$
|
|
21806
|
+
})(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n ", "\n stroke: ", ";\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n animation-delay: ", "ms;\n"], ["\n ", "\n stroke: ", ";\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n animation-delay: ", "ms;\n"])), spinnerTokens.circle.base, function (_a) {
|
|
21800
21807
|
var color = _a.color;
|
|
21801
21808
|
return color && getTextColor(color);
|
|
21802
21809
|
}, function (_a) {
|
|
@@ -21843,28 +21850,28 @@ function Spinner(_a) {
|
|
|
21843
21850
|
}))]
|
|
21844
21851
|
}));
|
|
21845
21852
|
}
|
|
21846
|
-
var templateObject_1$
|
|
21853
|
+
var templateObject_1$M, templateObject_2$A;
|
|
21847
21854
|
|
|
21848
21855
|
var ButtonWrapper$1 = styled$3.button.withConfig({
|
|
21849
21856
|
displayName: "Buttonstyles__ButtonWrapper",
|
|
21850
21857
|
componentId: "sc-14dutqk-0"
|
|
21851
|
-
})(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n ", "\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: fit-content;\n width: ", ";\n cursor: pointer;\n box-shadow: none;\n text-decoration: none;\n transition: background-color 0.2s, text-decoration-color 0.2s, box-shadow 0.2s,\n border-color 0.2s, color 0.2s;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n &:focus-visible, &.focus-visible {\n ", "\n }\n\n *::selection {\n ", "\n }\n"], ["\n ", "\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: fit-content;\n width: ", ";\n cursor: pointer;\n box-shadow: none;\n text-decoration: none;\n transition: background-color 0.2s, text-decoration-color 0.2s, box-shadow 0.2s,\n border-color 0.2s, color 0.2s;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n &:focus-visible, &.focus-visible {\n ", "\n }\n\n *::selection {\n ", "\n }\n"])), buttonTokens.base, function (_a) {
|
|
21858
|
+
})(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n ", "\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: fit-content;\n width: ", ";\n cursor: pointer;\n box-shadow: none;\n text-decoration: none;\n transition: background-color 0.2s, text-decoration-color 0.2s, box-shadow 0.2s,\n border-color 0.2s, color 0.2s, ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n &:focus-visible, &.focus-visible {\n ", "\n }\n\n *::selection {\n ", "\n }\n"], ["\n ", "\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: fit-content;\n width: ", ";\n cursor: pointer;\n box-shadow: none;\n text-decoration: none;\n transition: background-color 0.2s, text-decoration-color 0.2s, box-shadow 0.2s,\n border-color 0.2s, color 0.2s, ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n &:focus-visible, &.focus-visible {\n ", "\n }\n\n *::selection {\n ", "\n }\n"])), buttonTokens.base, function (_a) {
|
|
21852
21859
|
var fullWidth = _a.fullWidth;
|
|
21853
21860
|
return fullWidth ? '100%' : 'fit-content';
|
|
21854
|
-
}, function (_a) {
|
|
21861
|
+
}, focusVisibleTransitionValue, function (_a) {
|
|
21855
21862
|
var appearance = _a.appearance,
|
|
21856
21863
|
purpose = _a.purpose;
|
|
21857
|
-
return Ae(templateObject_1$
|
|
21864
|
+
return Ae(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n ", "\n ", "\n\n &:hover {\n ", "\n }\n\n &:active {\n ", "\n }\n "], ["\n ", "\n ", "\n\n &:hover {\n ", "\n }\n\n &:active {\n ", "\n }\n "])), buttonTokens.appearance[appearance].base, buttonTokens.appearance[appearance][purpose].base, buttonTokens.appearance[appearance][purpose].hover.base, buttonTokens.appearance[appearance][purpose].active.base);
|
|
21858
21865
|
}, function (_a) {
|
|
21859
21866
|
var hasIcon = _a.hasIcon,
|
|
21860
21867
|
hasLabel = _a.hasLabel,
|
|
21861
21868
|
appearance = _a.appearance,
|
|
21862
21869
|
purpose = _a.purpose;
|
|
21863
|
-
return hasIcon && !hasLabel && appearance === 'borderless' && Ae(templateObject_2$
|
|
21870
|
+
return hasIcon && !hasLabel && appearance === 'borderless' && Ae(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n &:hover {\n ", "\n }\n &:active {\n ", "\n }\n "], ["\n &:hover {\n ", "\n }\n &:active {\n ", "\n }\n "])), buttonTokens.appearance[appearance][purpose].justIcon.hover.base, buttonTokens.appearance[appearance][purpose].justIcon.active.base);
|
|
21864
21871
|
}, function (_a) {
|
|
21865
21872
|
var size = _a.size,
|
|
21866
21873
|
hasLabel = _a.hasLabel;
|
|
21867
|
-
return hasLabel ? Ae(templateObject_3$
|
|
21874
|
+
return hasLabel ? Ae(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].text.base) : Ae(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].justIcon.base);
|
|
21868
21875
|
}, function (_a) {
|
|
21869
21876
|
var fullWidth = _a.fullWidth,
|
|
21870
21877
|
hasIcon = _a.hasIcon,
|
|
@@ -21876,16 +21883,25 @@ var ButtonWrapper$1 = styled$3.button.withConfig({
|
|
|
21876
21883
|
var StyledIconWrapperSpan = styled$3.span.withConfig({
|
|
21877
21884
|
displayName: "Buttonstyles__StyledIconWrapperSpan",
|
|
21878
21885
|
componentId: "sc-14dutqk-1"
|
|
21879
|
-
})(
|
|
21886
|
+
})(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n"])), function (_a) {
|
|
21887
|
+
var absolutePosition = _a.absolutePosition;
|
|
21888
|
+
return absolutePosition && Ae(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n position: absolute;\n "], ["\n position: absolute;\n "])));
|
|
21889
|
+
}, function (_a) {
|
|
21890
|
+
var isHidden = _a.isHidden;
|
|
21891
|
+
return isHidden && Ae(templateObject_10$4 || (templateObject_10$4 = __makeTemplateObject(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
|
|
21892
|
+
}, function (_a) {
|
|
21880
21893
|
var size = _a.size,
|
|
21881
21894
|
iconPosition = _a.iconPosition;
|
|
21882
|
-
return iconPosition === 'left' ? Ae(
|
|
21895
|
+
return iconPosition === 'left' ? Ae(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n margin-inline-end: ", ";\n "], ["\n margin-inline-end: ", ";\n "])), buttonTokens.sizes[size].iconWithTextMargin) : iconPosition === 'right' ? Ae(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n margin-inline-start: ", ";\n "], ["\n margin-inline-start: ", ";\n "])), buttonTokens.sizes[size].iconWithTextMargin) : Ae(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), buttonTokens.sizes[size].justIconWrapper.base);
|
|
21883
21896
|
});
|
|
21884
21897
|
var Label$2 = styled$3.span.withConfig({
|
|
21885
21898
|
displayName: "Buttonstyles__Label",
|
|
21886
21899
|
componentId: "sc-14dutqk-2"
|
|
21887
|
-
})(
|
|
21888
|
-
var
|
|
21900
|
+
})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
21901
|
+
var isHidden = _a.isHidden;
|
|
21902
|
+
return isHidden && Ae(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
|
|
21903
|
+
});
|
|
21904
|
+
var templateObject_1$L, templateObject_2$z, templateObject_3$o, templateObject_4$i, templateObject_5$c, templateObject_6$b, templateObject_7$8, templateObject_8$6, templateObject_9$4, templateObject_10$4, templateObject_11$2, templateObject_12$1, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
|
|
21889
21905
|
|
|
21890
21906
|
var Button$1 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
21891
21907
|
var label = _a.label,
|
|
@@ -21910,6 +21926,8 @@ var Button$1 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
21910
21926
|
rest = __rest(_a, ["label", "disabled", "purpose", "size", "iconPosition", "appearance", "href", "target", "loading", "fullWidth", "className", "style", "Icon"]);
|
|
21911
21927
|
|
|
21912
21928
|
var as = href ? 'a' : 'button';
|
|
21929
|
+
var hasLabel = !!label;
|
|
21930
|
+
var hasIcon = !!Icon;
|
|
21913
21931
|
|
|
21914
21932
|
var wrapperProps = __assign({
|
|
21915
21933
|
href: href,
|
|
@@ -21922,8 +21940,8 @@ var Button$1 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
21922
21940
|
purpose: purpose,
|
|
21923
21941
|
iconPosition: iconPosition,
|
|
21924
21942
|
fullWidth: fullWidth,
|
|
21925
|
-
hasLabel:
|
|
21926
|
-
hasIcon:
|
|
21943
|
+
hasLabel: hasLabel,
|
|
21944
|
+
hasIcon: hasIcon,
|
|
21927
21945
|
isLoading: loading,
|
|
21928
21946
|
disabled: disabled,
|
|
21929
21947
|
size: size,
|
|
@@ -21931,12 +21949,12 @@ var Button$1 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
21931
21949
|
style: style
|
|
21932
21950
|
}, rest);
|
|
21933
21951
|
|
|
21934
|
-
var
|
|
21935
|
-
var isIconButton = !hasLabel && !!Icon;
|
|
21952
|
+
var isIconButton = !hasLabel && hasIcon;
|
|
21936
21953
|
|
|
21937
21954
|
var iconElement = Icon && jsxRuntime.exports.jsx(StyledIconWrapperSpan, __assign({
|
|
21938
21955
|
iconPosition: isIconButton ? undefined : iconPosition,
|
|
21939
|
-
size: size
|
|
21956
|
+
size: size,
|
|
21957
|
+
isHidden: hasIcon && loading
|
|
21940
21958
|
}, {
|
|
21941
21959
|
children: jsxRuntime.exports.jsx(IconWrapper$1, {
|
|
21942
21960
|
Icon: Icon,
|
|
@@ -21945,18 +21963,22 @@ var Button$1 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
21945
21963
|
}));
|
|
21946
21964
|
|
|
21947
21965
|
return jsxRuntime.exports.jsxs(ButtonWrapper$1, __assign({}, wrapperProps, {
|
|
21948
|
-
children: [
|
|
21949
|
-
|
|
21966
|
+
children: [!isIconButton && jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
|
|
21967
|
+
children: [iconPosition === 'left' && iconElement, jsxRuntime.exports.jsx(Label$2, __assign({
|
|
21968
|
+
isHidden: loading,
|
|
21969
|
+
"aria-hidden": loading
|
|
21970
|
+
}, {
|
|
21971
|
+
children: label
|
|
21972
|
+
})), iconPosition === 'right' && iconElement]
|
|
21973
|
+
}), isIconButton && iconElement, loading && jsxRuntime.exports.jsx(StyledIconWrapperSpan, __assign({
|
|
21974
|
+
size: size,
|
|
21975
|
+
absolutePosition: hasIcon || hasLabel
|
|
21950
21976
|
}, {
|
|
21951
21977
|
children: jsxRuntime.exports.jsx(Spinner, {
|
|
21952
21978
|
color: buttonTokens.appearance[appearance][purpose].base.color,
|
|
21953
21979
|
size: buttonTokens.sizes[size].justIcon.base.fontSize
|
|
21954
21980
|
})
|
|
21955
|
-
}))
|
|
21956
|
-
children: [iconPosition === 'left' && iconElement, jsxRuntime.exports.jsx(Label$2, {
|
|
21957
|
-
children: label
|
|
21958
|
-
}), iconPosition === 'right' && iconElement]
|
|
21959
|
-
})]
|
|
21981
|
+
}))]
|
|
21960
21982
|
}));
|
|
21961
21983
|
});
|
|
21962
21984
|
|
|
@@ -22017,10 +22039,10 @@ var charCounterTokens = {
|
|
|
22017
22039
|
base: charCounterBase
|
|
22018
22040
|
};
|
|
22019
22041
|
|
|
22020
|
-
var Wrapper$
|
|
22042
|
+
var Wrapper$7 = styled$3(Typography).withConfig({
|
|
22021
22043
|
displayName: "CharCounter__Wrapper",
|
|
22022
22044
|
componentId: "sc-qty1z2-0"
|
|
22023
|
-
})(templateObject_1$
|
|
22045
|
+
})(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n margin-left: auto;\n ", "\n"], ["\n margin-left: auto;\n ", "\n"])), charCounterTokens.base);
|
|
22024
22046
|
var nextUniqueId$e = 0;
|
|
22025
22047
|
|
|
22026
22048
|
function CharCounter(_a) {
|
|
@@ -22030,7 +22052,7 @@ function CharCounter(_a) {
|
|
|
22030
22052
|
rest = __rest(_a, ["current", "max", "id"]);
|
|
22031
22053
|
|
|
22032
22054
|
var uniqueId = useState(id !== null && id !== void 0 ? id : "characterCounter-".concat(nextUniqueId$e++))[0];
|
|
22033
|
-
return jsxRuntime.exports.jsxs(Wrapper$
|
|
22055
|
+
return jsxRuntime.exports.jsxs(Wrapper$7, __assign({
|
|
22034
22056
|
forwardedAs: "div",
|
|
22035
22057
|
typographyType: "supportingStyleHelperText01",
|
|
22036
22058
|
id: uniqueId,
|
|
@@ -22039,12 +22061,12 @@ function CharCounter(_a) {
|
|
|
22039
22061
|
children: [current, "/", max]
|
|
22040
22062
|
}));
|
|
22041
22063
|
}
|
|
22042
|
-
var templateObject_1$
|
|
22064
|
+
var templateObject_1$K;
|
|
22043
22065
|
|
|
22044
22066
|
var TextArea = styled$3.textarea.withConfig({
|
|
22045
22067
|
displayName: "TextInputstyles__TextArea",
|
|
22046
22068
|
componentId: "sc-165zflr-0"
|
|
22047
|
-
})(templateObject_3$
|
|
22069
|
+
})(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n ", "\n resize: vertical;\n height: auto;\n ", "\n min-height: ", ";\n ", "\n ", "\n\n &:hover:enabled:read-write ~ label {\n background-color: ", ";\n }\n"], ["\n ", "\n resize: vertical;\n height: auto;\n ", "\n min-height: ", ";\n ", "\n ", "\n\n &:hover:enabled:read-write ~ label {\n background-color: ", ";\n }\n"])), function (_a) {
|
|
22048
22070
|
var hasLabel = _a.hasLabel,
|
|
22049
22071
|
disabled = _a.disabled,
|
|
22050
22072
|
readOnly = _a.readOnly,
|
|
@@ -22060,7 +22082,7 @@ var TextArea = styled$3.textarea.withConfig({
|
|
|
22060
22082
|
return hasLabel ? textInputTokens.container.multiline.withLabel.height : textInputTokens.container.multiline.noLabel.height;
|
|
22061
22083
|
}, textInputTokens.multiline.base, function (_a) {
|
|
22062
22084
|
var hasLabel = _a.hasLabel;
|
|
22063
|
-
return hasLabel ? Ae(templateObject_1$
|
|
22085
|
+
return hasLabel ? Ae(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), textInputTokens.multiline.withLabel.base) : Ae(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), textInputTokens.multiline.noLabel.base);
|
|
22064
22086
|
}, function (_a) {
|
|
22065
22087
|
var hasErrorMessage = _a.hasErrorMessage;
|
|
22066
22088
|
return hasErrorMessage ? inputTokens.error.hover.base.backgroundColor : inputTokens.general.input.hover.backgroundColor;
|
|
@@ -22102,7 +22124,7 @@ var InputContainer$1 = styled$3(InputContainer$2).withConfig({
|
|
|
22102
22124
|
return textInputTokens.container.multiline.noLabel.height;
|
|
22103
22125
|
}
|
|
22104
22126
|
});
|
|
22105
|
-
var templateObject_1$
|
|
22127
|
+
var templateObject_1$J, templateObject_2$y, templateObject_3$n, templateObject_4$h, templateObject_5$b, templateObject_6$a, templateObject_7$7, templateObject_8$5, templateObject_9$3, templateObject_10$3;
|
|
22106
22128
|
|
|
22107
22129
|
var nextUniqueId$d = 0;
|
|
22108
22130
|
var TextInput = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
@@ -25029,7 +25051,7 @@ var defaultStyles = {
|
|
|
25029
25051
|
valueContainer: valueContainerCSS
|
|
25030
25052
|
}; // Merge Utility
|
|
25031
25053
|
|
|
25032
|
-
var colors = {
|
|
25054
|
+
var colors$1 = {
|
|
25033
25055
|
primary: '#2684FF',
|
|
25034
25056
|
primary75: '#4C9AFF',
|
|
25035
25057
|
primary50: '#B2D4FF',
|
|
@@ -25048,22 +25070,22 @@ var colors = {
|
|
|
25048
25070
|
neutral80: 'hsl(0, 0%, 20%)',
|
|
25049
25071
|
neutral90: 'hsl(0, 0%, 10%)'
|
|
25050
25072
|
};
|
|
25051
|
-
var borderRadius = 4; // Used to calculate consistent margin/padding on elements
|
|
25073
|
+
var borderRadius$1 = 4; // Used to calculate consistent margin/padding on elements
|
|
25052
25074
|
|
|
25053
25075
|
var baseUnit = 4; // The minimum height of the control
|
|
25054
25076
|
|
|
25055
25077
|
var controlHeight = 38; // The amount of space between the control and menu */
|
|
25056
25078
|
|
|
25057
25079
|
var menuGutter = baseUnit * 2;
|
|
25058
|
-
var spacing = {
|
|
25080
|
+
var spacing$1 = {
|
|
25059
25081
|
baseUnit: baseUnit,
|
|
25060
25082
|
controlHeight: controlHeight,
|
|
25061
25083
|
menuGutter: menuGutter
|
|
25062
25084
|
};
|
|
25063
25085
|
var defaultTheme = {
|
|
25064
|
-
borderRadius: borderRadius,
|
|
25065
|
-
colors: colors,
|
|
25066
|
-
spacing: spacing
|
|
25086
|
+
borderRadius: borderRadius$1,
|
|
25087
|
+
colors: colors$1,
|
|
25088
|
+
spacing: spacing$1
|
|
25067
25089
|
};
|
|
25068
25090
|
|
|
25069
25091
|
var defaultProps = {
|
|
@@ -27187,17 +27209,17 @@ var prefix = 'dds-select';
|
|
|
27187
27209
|
var Label = styled$3(Typography).withConfig({
|
|
27188
27210
|
displayName: "Selectstyles__Label",
|
|
27189
27211
|
componentId: "sc-19jkd5s-0"
|
|
27190
|
-
})(templateObject_1$
|
|
27212
|
+
})(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n display: block;\n ", "\n"], ["\n display: block;\n ", "\n"])), selectTokens.label.base);
|
|
27191
27213
|
var Container$e = styled$3.div.withConfig({
|
|
27192
27214
|
displayName: "Selectstyles__Container",
|
|
27193
27215
|
componentId: "sc-19jkd5s-1"
|
|
27194
27216
|
})(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n transition: 0.2s;\n position: relative;\n ", "\n ", "\n *::selection {\n ", "\n }\n ", "\n\n ", "\n &:hover {\n ", "\n ", " {\n ", "\n }\n }\n &:focus-within {\n ", "\n ", " {\n ", "\n }\n }\n ", "\n\n .", "__menu-list {\n ", "\n }\n &:hover\n .", "__dropdown-indicator,\n &:focus-within\n .", "__dropdown-indicator {\n ", "\n }\n\n ", "\n ", "\n"], ["\n transition: 0.2s;\n position: relative;\n ", "\n ", "\n *::selection {\n ", "\n }\n ", "\n\n ", "\n &:hover {\n ", "\n ", " {\n ", "\n }\n }\n &:focus-within {\n ", "\n ", " {\n ", "\n }\n }\n ", "\n\n .", "__menu-list {\n ", "\n }\n &:hover\n .", "__dropdown-indicator,\n &:focus-within\n .", "__dropdown-indicator {\n ", "\n }\n\n ", "\n ", "\n"])), selectTokens.container.base, scrollbarStyling, typographyTokens.selection.base, function (_a) {
|
|
27195
27217
|
var isMulti = _a.isMulti;
|
|
27196
|
-
return isMulti && Ae(templateObject_2$
|
|
27218
|
+
return isMulti && Ae(templateObject_2$x || (templateObject_2$x = __makeTemplateObject([""], [""])));
|
|
27197
27219
|
}, function (_a) {
|
|
27198
27220
|
var hasLabel = _a.hasLabel,
|
|
27199
27221
|
isMulti = _a.isMulti;
|
|
27200
|
-
return isMulti && hasLabel ? Ae(templateObject_3$
|
|
27222
|
+
return isMulti && hasLabel ? Ae(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "], ["\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "])), prefix, selectTokens.valueContainer.isMulti.withLabel.base, prefix, selectTokens.indicatorsContainer.isMulti.withLabel.base) : isMulti && !hasLabel ? Ae(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n .", "__control {\n ", "\n }\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "], ["\n .", "__control {\n ", "\n }\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "])), prefix, selectTokens.input.isMulti.noLabel.base, prefix, selectTokens.valueContainer.isMulti.noLabel.base, prefix, selectTokens.indicatorsContainer.isMulti.noLabel.base) : hasLabel ? Ae(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "], ["\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "])), prefix, selectTokens.valueContainer.withLabel.base, prefix, selectTokens.indicatorsContainer.withLabel.base) : Ae(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n .", "__control {\n ", "\n }\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "], ["\n .", "__control {\n ", "\n }\n .", "__value-container {\n ", "\n }\n .", "__indicators {\n ", "\n }\n "])), prefix, selectTokens.input.noLabel.base, prefix, selectTokens.valueContainer.noLabel.base, prefix, selectTokens.indicatorsContainer.noLabel.base);
|
|
27201
27223
|
}, selectTokens.container.hover.base, Label, selectTokens.label.hover.base, selectTokens.container.focus.base, Label, selectTokens.label.focus.base, function (_a) {
|
|
27202
27224
|
var errorMessage = _a.errorMessage;
|
|
27203
27225
|
return errorMessage && Ae(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n ", "\n &:hover {\n ", "\n }\n &:focus-within {\n ", "\n }\n "], ["\n ", "\n &:hover {\n ", "\n }\n &:focus-within {\n ", "\n }\n "])), selectTokens.container.danger.base, selectTokens.container.danger.hover.base, selectTokens.container.danger.focus.base);
|
|
@@ -27208,7 +27230,7 @@ var Container$e = styled$3.div.withConfig({
|
|
|
27208
27230
|
var readOnly = _a.readOnly;
|
|
27209
27231
|
return readOnly && Ae(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n ", "\n &:hover {\n box-shadow: none;\n ", "\n ", " {\n ", "\n }\n }\n .", "__dropdown-indicator, &:hover .", "__dropdown-indicator {\n ", "\n }\n "], ["\n ", "\n &:hover {\n box-shadow: none;\n ", "\n ", " {\n ", "\n }\n }\n .", "__dropdown-indicator, &:hover .", "__dropdown-indicator {\n ", "\n }\n "])), selectTokens.container.readOnly.base, selectTokens.container.readOnly.base, Label, selectTokens.label.base, prefix, prefix, selectTokens.dropdownIndicator.readOnly.base);
|
|
27210
27232
|
});
|
|
27211
|
-
var Wrapper$
|
|
27233
|
+
var Wrapper$6 = styled$3.div.withConfig({
|
|
27212
27234
|
displayName: "Selectstyles__Wrapper",
|
|
27213
27235
|
componentId: "sc-19jkd5s-2"
|
|
27214
27236
|
})(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n margin: 0;\n width: ", ";\n"], ["\n margin: 0;\n width: ", ";\n"])), function (_a) {
|
|
@@ -27317,7 +27339,7 @@ var getCustomStyles = function getCustomStyles() {
|
|
|
27317
27339
|
}
|
|
27318
27340
|
};
|
|
27319
27341
|
};
|
|
27320
|
-
var templateObject_1$
|
|
27342
|
+
var templateObject_1$I, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$a, templateObject_6$9, templateObject_7$6, templateObject_8$4, templateObject_9$2, templateObject_10$2, templateObject_11$1, templateObject_12;
|
|
27321
27343
|
|
|
27322
27344
|
var DdsOption = components.Option,
|
|
27323
27345
|
NoOptionsMessage = components.NoOptionsMessage,
|
|
@@ -27422,7 +27444,7 @@ var SelectInner = function SelectInner(_a, ref) {
|
|
|
27422
27444
|
'aria-invalid': hasErrorMessage ? true : undefined
|
|
27423
27445
|
}, rest);
|
|
27424
27446
|
|
|
27425
|
-
return jsxRuntime.exports.jsxs(Wrapper$
|
|
27447
|
+
return jsxRuntime.exports.jsxs(Wrapper$6, __assign({}, wrapperProps, {
|
|
27426
27448
|
children: [jsxRuntime.exports.jsxs(Container$e, __assign({}, containerProps, {
|
|
27427
27449
|
children: [label && jsxRuntime.exports.jsxs(Label, __assign({
|
|
27428
27450
|
htmlFor: uniqueId,
|
|
@@ -27592,14 +27614,14 @@ var globalMessageTokens = {
|
|
|
27592
27614
|
var Container$d = styled$3.div.withConfig({
|
|
27593
27615
|
displayName: "GlobalMessage__Container",
|
|
27594
27616
|
componentId: "sc-bf2l65-0"
|
|
27595
|
-
})(templateObject_2$
|
|
27617
|
+
})(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n ", "\n"])), function (_a) {
|
|
27596
27618
|
var purpose = _a.purpose;
|
|
27597
|
-
return purpose && Ae(templateObject_1$
|
|
27619
|
+
return purpose && Ae(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), globalMessageTokens.container.base, globalMessageTokens.container[purpose].base);
|
|
27598
27620
|
});
|
|
27599
27621
|
var MessageIconWrapper$1 = styled$3(IconWrapper$1).withConfig({
|
|
27600
27622
|
displayName: "GlobalMessage__MessageIconWrapper",
|
|
27601
27623
|
componentId: "sc-bf2l65-1"
|
|
27602
|
-
})(templateObject_3$
|
|
27624
|
+
})(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), globalMessageTokens.icon.marginRight);
|
|
27603
27625
|
var ControlsContainer = styled$3.div.withConfig({
|
|
27604
27626
|
displayName: "GlobalMessage__ControlsContainer",
|
|
27605
27627
|
componentId: "sc-bf2l65-2"
|
|
@@ -27658,7 +27680,7 @@ var GlobalMessage = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
27658
27680
|
})]
|
|
27659
27681
|
})) : null;
|
|
27660
27682
|
});
|
|
27661
|
-
var templateObject_1$
|
|
27683
|
+
var templateObject_1$H, templateObject_2$w, templateObject_3$l, templateObject_4$f, templateObject_5$9, templateObject_6$8;
|
|
27662
27684
|
|
|
27663
27685
|
var CheckCircleOutlined = {};
|
|
27664
27686
|
|
|
@@ -27852,15 +27874,15 @@ var localMessageTokens = {
|
|
|
27852
27874
|
var Container$c = styled$3.div.withConfig({
|
|
27853
27875
|
displayName: "LocalMessage__Container",
|
|
27854
27876
|
componentId: "sc-kmfp8w-0"
|
|
27855
|
-
})(templateObject_3$
|
|
27877
|
+
})(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n box-sizing: border-box;\n ", ";\n *::selection {\n ", "\n }\n ", "\n width: ", ";\n"], ["\n display: flex;\n flex-direction: ", ";\n box-sizing: border-box;\n ", ";\n *::selection {\n ", "\n }\n ", "\n width: ", ";\n"])), function (_a) {
|
|
27856
27878
|
var layout = _a.layout;
|
|
27857
27879
|
return layout === 'vertical' ? 'column' : 'row';
|
|
27858
27880
|
}, function (_a) {
|
|
27859
27881
|
var layout = _a.layout;
|
|
27860
|
-
return layout === 'horisontal' && Ae(templateObject_1$
|
|
27882
|
+
return layout === 'horisontal' && Ae(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n align-items: center;\n justify-content: space-between;\n "], ["\n align-items: center;\n justify-content: space-between;\n "])));
|
|
27861
27883
|
}, typographyTokens.selection.base, function (_a) {
|
|
27862
27884
|
var purpose = _a.purpose;
|
|
27863
|
-
return purpose && Ae(templateObject_2$
|
|
27885
|
+
return purpose && Ae(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), localMessageTokens.container.base, localMessageTokens.container[purpose].base);
|
|
27864
27886
|
}, function (_a) {
|
|
27865
27887
|
var width = _a.width;
|
|
27866
27888
|
return width;
|
|
@@ -27956,7 +27978,7 @@ var LocalMessage = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
27956
27978
|
})
|
|
27957
27979
|
})) : null;
|
|
27958
27980
|
});
|
|
27959
|
-
var templateObject_1$
|
|
27981
|
+
var templateObject_1$G, templateObject_2$v, templateObject_3$k, templateObject_4$e, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$3, templateObject_9$1, templateObject_10$1;
|
|
27960
27982
|
|
|
27961
27983
|
var SearchOutlined = {};
|
|
27962
27984
|
|
|
@@ -28031,14 +28053,14 @@ var searchTokens = {
|
|
|
28031
28053
|
var Input$1 = styled$3.input.withConfig({
|
|
28032
28054
|
displayName: "Search__Input",
|
|
28033
28055
|
componentId: "sc-1ax3s9s-0"
|
|
28034
|
-
})(templateObject_2$
|
|
28056
|
+
})(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n &[type='search']::-webkit-search-decoration,\n &[type='search']::-webkit-search-cancel-button,\n &[type='search']::-webkit-search-results-button,\n &[type='search']::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n ", "\n ", "\n\n ", "\n\n padding-left: ", ";\n"], ["\n &[type='search']::-webkit-search-decoration,\n &[type='search']::-webkit-search-cancel-button,\n &[type='search']::-webkit-search-results-button,\n &[type='search']::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n ", "\n ", "\n\n ", "\n\n padding-left: ", ";\n"])), inputFieldStylingBase, searchTokens.input.base, function (_a) {
|
|
28035
28057
|
var componentSize = _a.componentSize;
|
|
28036
|
-
return componentSize && Ae(templateObject_1$
|
|
28058
|
+
return componentSize && Ae(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), searchTokens.input[componentSize].base);
|
|
28037
28059
|
}, searchTokens.input.spaceLeft);
|
|
28038
28060
|
var IconWrapper = styled$3.span.withConfig({
|
|
28039
28061
|
displayName: "Search__IconWrapper",
|
|
28040
28062
|
componentId: "sc-1ax3s9s-1"
|
|
28041
|
-
})(templateObject_3$
|
|
28063
|
+
})(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n ", "\n position: absolute;\n top: ", ";\n left: ", ";\n"], ["\n ", "\n position: absolute;\n top: ", ";\n left: ", ";\n"])), searchTokens.iconWrapper.base, searchTokens.icon.spaceTop, searchTokens.icon.spaceLeft);
|
|
28042
28064
|
var Container$b = styled$3.div.withConfig({
|
|
28043
28065
|
displayName: "Search__Container",
|
|
28044
28066
|
componentId: "sc-1ax3s9s-2"
|
|
@@ -28111,7 +28133,7 @@ var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
28111
28133
|
})]
|
|
28112
28134
|
}));
|
|
28113
28135
|
});
|
|
28114
|
-
var templateObject_1$
|
|
28136
|
+
var templateObject_1$F, templateObject_2$u, templateObject_3$j, templateObject_4$d, templateObject_5$7, templateObject_6$6, templateObject_7$4;
|
|
28115
28137
|
|
|
28116
28138
|
var Colors$d = ddsBaseTokens.colors,
|
|
28117
28139
|
Spacing$l = ddsBaseTokens.spacing;
|
|
@@ -28169,12 +28191,12 @@ var cellTokens = {
|
|
|
28169
28191
|
var StyledTable = styled$3.table.withConfig({
|
|
28170
28192
|
displayName: "Table__StyledTable",
|
|
28171
28193
|
componentId: "sc-bw0w0a-0"
|
|
28172
|
-
})(templateObject_3$
|
|
28194
|
+
})(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n border-spacing: 0;\n border-collapse: collapse;\n *::selection {\n ", "\n }\n ", "\n ", "\n ", "\n"], ["\n border-spacing: 0;\n border-collapse: collapse;\n *::selection {\n ", "\n }\n ", "\n ", "\n ", "\n"])), typographyTokens.selection.base, scrollbarStyling, function (_a) {
|
|
28173
28195
|
var density = _a.density;
|
|
28174
|
-
return density && Ae(templateObject_1$
|
|
28196
|
+
return density && Ae(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n td,\n th {\n ", "\n }\n "], ["\n td,\n th {\n ", "\n }\n "])), cellTokens.density[density].base);
|
|
28175
28197
|
}, function (_a) {
|
|
28176
28198
|
var stickyHeader = _a.stickyHeader;
|
|
28177
|
-
return stickyHeader && Ae(templateObject_2$
|
|
28199
|
+
return stickyHeader && Ae(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n tr[type='head'] {\n th[type='head'] {\n position: sticky;\n top: 0;\n }\n }\n "], ["\n tr[type='head'] {\n th[type='head'] {\n position: sticky;\n top: 0;\n }\n }\n "])));
|
|
28178
28200
|
});
|
|
28179
28201
|
var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
28180
28202
|
var _b = _a.density,
|
|
@@ -28191,12 +28213,12 @@ var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
28191
28213
|
children: children
|
|
28192
28214
|
}));
|
|
28193
28215
|
});
|
|
28194
|
-
var templateObject_1$
|
|
28216
|
+
var templateObject_1$E, templateObject_2$t, templateObject_3$i;
|
|
28195
28217
|
|
|
28196
28218
|
var StyledBody = styled$3.tbody.withConfig({
|
|
28197
28219
|
displayName: "Body__StyledBody",
|
|
28198
28220
|
componentId: "sc-67qjfs-0"
|
|
28199
|
-
})(templateObject_1$
|
|
28221
|
+
})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject([""], [""])));
|
|
28200
28222
|
var Body$1 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
28201
28223
|
var children = _a.children,
|
|
28202
28224
|
rest = __rest(_a, ["children"]);
|
|
@@ -28209,12 +28231,12 @@ var Body$1 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
28209
28231
|
children: children
|
|
28210
28232
|
}));
|
|
28211
28233
|
});
|
|
28212
|
-
var templateObject_1$
|
|
28234
|
+
var templateObject_1$D;
|
|
28213
28235
|
|
|
28214
28236
|
var StyledHead = styled$3.thead.withConfig({
|
|
28215
28237
|
displayName: "Head__StyledHead",
|
|
28216
28238
|
componentId: "sc-vzd2kv-0"
|
|
28217
|
-
})(templateObject_1$
|
|
28239
|
+
})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject([""], [""])));
|
|
28218
28240
|
var Head = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
28219
28241
|
var children = _a.children,
|
|
28220
28242
|
rest = __rest(_a, ["children"]);
|
|
@@ -28227,7 +28249,7 @@ var Head = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
28227
28249
|
children: children
|
|
28228
28250
|
}));
|
|
28229
28251
|
});
|
|
28230
|
-
var templateObject_1$
|
|
28252
|
+
var templateObject_1$C;
|
|
28231
28253
|
|
|
28232
28254
|
var Colors$c = ddsBaseTokens.colors,
|
|
28233
28255
|
FontPackages$b = ddsBaseTokens.fontPackages,
|
|
@@ -28300,7 +28322,7 @@ var rowTokens = {
|
|
|
28300
28322
|
};
|
|
28301
28323
|
|
|
28302
28324
|
var bodyStyles = function bodyStyles(mode, selected) {
|
|
28303
|
-
return Ae(templateObject_3$
|
|
28325
|
+
return Ae(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), mode && Ae(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), rowTokens.body.mode[mode].base), selected && Ae(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), rowTokens.body.selected.base));
|
|
28304
28326
|
};
|
|
28305
28327
|
|
|
28306
28328
|
var StyledRow = styled$3.tr.withConfig({
|
|
@@ -28335,18 +28357,18 @@ var Row = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
28335
28357
|
children: children
|
|
28336
28358
|
}));
|
|
28337
28359
|
});
|
|
28338
|
-
var templateObject_1$
|
|
28360
|
+
var templateObject_1$B, templateObject_2$s, templateObject_3$h, templateObject_4$c, templateObject_5$6, templateObject_6$5, templateObject_7$3;
|
|
28339
28361
|
|
|
28340
28362
|
var layoutStyle = function layoutStyle(layout) {
|
|
28341
28363
|
switch (layout) {
|
|
28342
28364
|
case 'center':
|
|
28343
|
-
return Ae(templateObject_1$
|
|
28365
|
+
return Ae(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n justify-content: center;\n "], ["\n justify-content: center;\n "])));
|
|
28344
28366
|
|
|
28345
28367
|
case 'right':
|
|
28346
|
-
return Ae(templateObject_2$
|
|
28368
|
+
return Ae(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n justify-content: flex-end;\n "], ["\n justify-content: flex-end;\n "])));
|
|
28347
28369
|
|
|
28348
28370
|
case 'text and icon':
|
|
28349
|
-
return Ae(templateObject_3$
|
|
28371
|
+
return Ae(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n & > *:first-of-type {\n ", "\n }\n "], ["\n & > *:first-of-type {\n ", "\n }\n "])), cellTokens.data.layout.textAndIcon.base);
|
|
28350
28372
|
|
|
28351
28373
|
default:
|
|
28352
28374
|
case 'left':
|
|
@@ -28406,7 +28428,7 @@ var Cell = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
28406
28428
|
}))
|
|
28407
28429
|
}));
|
|
28408
28430
|
});
|
|
28409
|
-
var templateObject_1$
|
|
28431
|
+
var templateObject_1$A, templateObject_2$r, templateObject_3$g, templateObject_4$b, templateObject_5$5, templateObject_6$4;
|
|
28410
28432
|
|
|
28411
28433
|
var KeyboardArrowDown = {};
|
|
28412
28434
|
|
|
@@ -28468,11 +28490,11 @@ default_1$9 = UnfoldMore.default = _default$9;
|
|
|
28468
28490
|
var SortIconWrapper = styled$3(IconWrapper$1).withConfig({
|
|
28469
28491
|
displayName: "SortCell__SortIconWrapper",
|
|
28470
28492
|
componentId: "sc-1l3jzvh-0"
|
|
28471
|
-
})(templateObject_1$
|
|
28493
|
+
})(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), cellTokens.head.sortCell.icon.base);
|
|
28472
28494
|
var StyledButton$3 = styled$3.button.withConfig({
|
|
28473
28495
|
displayName: "SortCell__StyledButton",
|
|
28474
28496
|
componentId: "sc-1l3jzvh-1"
|
|
28475
|
-
})(templateObject_2$
|
|
28497
|
+
})(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n ", "\n display: flex;\n align-items: center;\n &:focus-visible {\n ", "\n }\n"], ["\n ", "\n display: flex;\n align-items: center;\n &:focus-visible {\n ", "\n }\n"])), removeButtonStyling, cellTokens.head.sortCell.focus.base);
|
|
28476
28498
|
|
|
28477
28499
|
var makeSortIcon = function makeSortIcon(isSorted, sortOrder) {
|
|
28478
28500
|
if (!isSorted || !sortOrder) {
|
|
@@ -28511,12 +28533,12 @@ var SortCell = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
28511
28533
|
}))
|
|
28512
28534
|
}));
|
|
28513
28535
|
});
|
|
28514
|
-
var templateObject_1$
|
|
28536
|
+
var templateObject_1$z, templateObject_2$q;
|
|
28515
28537
|
|
|
28516
28538
|
var StyledFoot = styled$3.tfoot.withConfig({
|
|
28517
28539
|
displayName: "Foot__StyledFoot",
|
|
28518
28540
|
componentId: "sc-tfpehd-0"
|
|
28519
|
-
})(templateObject_1$
|
|
28541
|
+
})(templateObject_1$y || (templateObject_1$y = __makeTemplateObject([""], [""])));
|
|
28520
28542
|
var Foot = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
28521
28543
|
var children = _a.children,
|
|
28522
28544
|
rest = __rest(_a, ["children"]);
|
|
@@ -28529,14 +28551,14 @@ var Foot = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
28529
28551
|
children: children
|
|
28530
28552
|
}));
|
|
28531
28553
|
});
|
|
28532
|
-
var templateObject_1$
|
|
28554
|
+
var templateObject_1$y;
|
|
28533
28555
|
|
|
28534
|
-
var Wrapper$
|
|
28556
|
+
var Wrapper$5 = styled$3.div.withConfig({
|
|
28535
28557
|
displayName: "TableWrapper__Wrapper",
|
|
28536
28558
|
componentId: "sc-eb384b-0"
|
|
28537
|
-
})(templateObject_2$
|
|
28559
|
+
})(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (_a) {
|
|
28538
28560
|
var overflowX = _a.overflowX;
|
|
28539
|
-
return overflowX && Ae(templateObject_1$
|
|
28561
|
+
return overflowX && Ae(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n overflow-x: auto;\n "], ["\n overflow-x: auto;\n "])));
|
|
28540
28562
|
}, scrollbarStyling);
|
|
28541
28563
|
var TableWrapper = function TableWrapper(_a) {
|
|
28542
28564
|
var children = _a.children,
|
|
@@ -28579,11 +28601,11 @@ var TableWrapper = function TableWrapper(_a) {
|
|
|
28579
28601
|
overflowX: overflowX
|
|
28580
28602
|
}, rest);
|
|
28581
28603
|
|
|
28582
|
-
return jsxRuntime.exports.jsx(Wrapper$
|
|
28604
|
+
return jsxRuntime.exports.jsx(Wrapper$5, __assign({}, wrapperProps, {
|
|
28583
28605
|
children: children
|
|
28584
28606
|
}));
|
|
28585
28607
|
};
|
|
28586
|
-
var templateObject_1$
|
|
28608
|
+
var templateObject_1$x, templateObject_2$p;
|
|
28587
28609
|
|
|
28588
28610
|
var Breadcrumb = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
28589
28611
|
var children = _a.children,
|
|
@@ -28666,15 +28688,15 @@ var breadcrumbTokens = {
|
|
|
28666
28688
|
var List$2 = styled$3.ol.withConfig({
|
|
28667
28689
|
displayName: "Breadcrumbs__List",
|
|
28668
28690
|
componentId: "sc-xdj21o-0"
|
|
28669
|
-
})(templateObject_1$
|
|
28691
|
+
})(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"], ["\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"])));
|
|
28670
28692
|
var ListItem$2 = styled$3.li.withConfig({
|
|
28671
28693
|
displayName: "Breadcrumbs__ListItem",
|
|
28672
28694
|
componentId: "sc-xdj21o-1"
|
|
28673
|
-
})(templateObject_2$
|
|
28695
|
+
})(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n align-items: center;\n display: flex;\n ", "\n"], ["\n align-items: center;\n display: flex;\n ", "\n"])), breadcrumbTokens.breadcrumb.base);
|
|
28674
28696
|
var BreadcrumbIcon = styled$3(default_1$8).withConfig({
|
|
28675
28697
|
displayName: "Breadcrumbs__BreadcrumbIcon",
|
|
28676
28698
|
componentId: "sc-xdj21o-2"
|
|
28677
|
-
})(templateObject_3$
|
|
28699
|
+
})(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), breadcrumbTokens.icon.base);
|
|
28678
28700
|
var BackIcon = styled$3(default_1$7).withConfig({
|
|
28679
28701
|
displayName: "Breadcrumbs__BackIcon",
|
|
28680
28702
|
componentId: "sc-xdj21o-3"
|
|
@@ -28710,7 +28732,7 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
28710
28732
|
})
|
|
28711
28733
|
}));
|
|
28712
28734
|
});
|
|
28713
|
-
var templateObject_1$
|
|
28735
|
+
var templateObject_1$w, templateObject_2$o, templateObject_3$f, templateObject_4$a;
|
|
28714
28736
|
|
|
28715
28737
|
var ChevronLeftOutlined = {};
|
|
28716
28738
|
|
|
@@ -28850,17 +28872,17 @@ var paginationTokens = {
|
|
|
28850
28872
|
var Nav = styled$3.nav.withConfig({
|
|
28851
28873
|
displayName: "Pagination__Nav",
|
|
28852
28874
|
componentId: "sc-5ltegq-0"
|
|
28853
|
-
})(templateObject_1$
|
|
28875
|
+
})(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
28854
28876
|
var List$1 = styled$3.ol.withConfig({
|
|
28855
28877
|
displayName: "Pagination__List",
|
|
28856
28878
|
componentId: "sc-5ltegq-1"
|
|
28857
|
-
})(templateObject_2$
|
|
28879
|
+
})(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: grid;\n grid-auto-flow: column;\n gap: ", ";\n ", "\n margin: 0;\n padding: 0;\n"], ["\n display: grid;\n grid-auto-flow: column;\n gap: ", ";\n ", "\n margin: 0;\n padding: 0;\n"])), paginationTokens.paginationItem.spacing, paginationTokens.list.base);
|
|
28858
28880
|
var ListItem$1 = styled$3.li.withConfig({
|
|
28859
28881
|
displayName: "Pagination__ListItem",
|
|
28860
28882
|
componentId: "sc-5ltegq-2"
|
|
28861
28883
|
})(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n list-style: none;\n display: inline-grid;\n align-content: center;\n ", "\n"], ["\n list-style: none;\n display: inline-grid;\n align-content: center;\n ", "\n"])), function (_a) {
|
|
28862
28884
|
var isHidden = _a.isHidden;
|
|
28863
|
-
return isHidden && Ae(templateObject_3$
|
|
28885
|
+
return isHidden && Ae(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
|
|
28864
28886
|
});
|
|
28865
28887
|
var Container$a = styled$3.div.withConfig({
|
|
28866
28888
|
displayName: "Pagination__Container",
|
|
@@ -29074,7 +29096,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29074
29096
|
}), navigationToBeRendered]
|
|
29075
29097
|
}));
|
|
29076
29098
|
});
|
|
29077
|
-
var templateObject_1$
|
|
29099
|
+
var templateObject_1$v, templateObject_2$n, templateObject_3$e, templateObject_4$9, templateObject_5$4, templateObject_6$3, templateObject_7$2, templateObject_8$2;
|
|
29078
29100
|
|
|
29079
29101
|
var Border$9 = ddsBaseTokens.border,
|
|
29080
29102
|
Spacing$i = ddsBaseTokens.spacing;
|
|
@@ -29096,9 +29118,9 @@ var dividerTokens = {
|
|
|
29096
29118
|
var DividerLine = styled$3.hr.withConfig({
|
|
29097
29119
|
displayName: "Divider__DividerLine",
|
|
29098
29120
|
componentId: "sc-ggdopz-0"
|
|
29099
|
-
})(templateObject_2$
|
|
29121
|
+
})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), dividerTokens.base, function (_a) {
|
|
29100
29122
|
var color = _a.color;
|
|
29101
|
-
return color && Ae(templateObject_1$
|
|
29123
|
+
return color && Ae(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n border-color: ", ";\n "], ["\n border-color: ", ";\n "])), dividerColors[color]);
|
|
29102
29124
|
});
|
|
29103
29125
|
var Divider = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
29104
29126
|
var _b = _a.color,
|
|
@@ -29113,7 +29135,7 @@ var Divider = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29113
29135
|
ref: ref
|
|
29114
29136
|
}, lineProps));
|
|
29115
29137
|
});
|
|
29116
|
-
var templateObject_1$
|
|
29138
|
+
var templateObject_1$u, templateObject_2$m;
|
|
29117
29139
|
|
|
29118
29140
|
var img$3 = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6.7085' cy='6.7085' r='2.625' fill='%230B0D0E'/%3e%3c/svg%3e";
|
|
29119
29141
|
|
|
@@ -29180,10 +29202,10 @@ var StyledList = styled$3.ul.withConfig({
|
|
|
29180
29202
|
componentId: "sc-1f1c7eb-0"
|
|
29181
29203
|
})(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n ", "\n ul, ol {\n margin: 0;\n }\n *::selection {\n ", "\n }\n ", "\n ", "\n"], ["\n ", "\n ul, ol {\n margin: 0;\n }\n *::selection {\n ", "\n }\n ", "\n ", "\n"])), listTokens.base, typographyTokens.selection.base, function (_a) {
|
|
29182
29204
|
var typographyType = _a.typographyType;
|
|
29183
|
-
return typographyType && Ae(templateObject_1$
|
|
29205
|
+
return typographyType && Ae(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n ", "\n ul,\n ol {\n ", "\n }\n "], ["\n ", "\n ul,\n ol {\n ", "\n }\n "])), listTokens.sizes[typographyType], listTokens.sizes[typographyType]);
|
|
29184
29206
|
}, function (_a) {
|
|
29185
29207
|
var listType = _a.listType;
|
|
29186
|
-
return listType === 'unordered' ? Ae(templateObject_2$
|
|
29208
|
+
return listType === 'unordered' ? Ae(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n padding-left: ", ";\n list-style: none;\n li {\n position: relative;\n padding-left: ", ";\n &:before {\n content: '';\n display: inline-block;\n height: 1em;\n width: 1em;\n position: absolute;\n top: ", ";\n left: 0;\n background-size: contain;\n background-repeat: no-repeat;\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li > ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n }\n "], ["\n padding-left: ", ";\n list-style: none;\n li {\n position: relative;\n padding-left: ", ";\n &:before {\n content: '';\n display: inline-block;\n height: 1em;\n width: 1em;\n position: absolute;\n top: ", ";\n left: 0;\n background-size: contain;\n background-repeat: no-repeat;\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n ul > li > ul > li:before {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n }\n }\n "])), "calc(".concat(ulPaddingLeft, ")"), "calc(".concat(liTextPadding, ")"), "calc((".concat(listItemTokens.base.lineHeight, " / 2) - 0.5em )"), img$3, img$2, img$1) : Ae(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n padding-left: ", ";\n & > li > ol {\n list-style-type: lower-alpha;\n }\n & > li > ol > li > ol {\n list-style-type: lower-roman;\n }\n "], ["\n padding-left: ", ";\n & > li > ol {\n list-style-type: lower-alpha;\n }\n & > li > ol > li > ol {\n list-style-type: lower-roman;\n }\n "])), listTokens.spaceLeft);
|
|
29187
29209
|
});
|
|
29188
29210
|
var List = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
29189
29211
|
var _b = _a.listType,
|
|
@@ -29206,12 +29228,12 @@ var List = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29206
29228
|
children: children
|
|
29207
29229
|
}));
|
|
29208
29230
|
});
|
|
29209
|
-
var templateObject_1$
|
|
29231
|
+
var templateObject_1$t, templateObject_2$l, templateObject_3$d, templateObject_4$8;
|
|
29210
29232
|
|
|
29211
29233
|
var StyledListItem = styled$3.li.withConfig({
|
|
29212
29234
|
displayName: "ListItem__StyledListItem",
|
|
29213
29235
|
componentId: "sc-17s9l0b-0"
|
|
29214
|
-
})(templateObject_1$
|
|
29236
|
+
})(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), listItemTokens.base);
|
|
29215
29237
|
var ListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
29216
29238
|
var children = _a.children,
|
|
29217
29239
|
rest = __rest(_a, ["children"]);
|
|
@@ -29222,7 +29244,7 @@ var ListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29222
29244
|
children: children
|
|
29223
29245
|
}));
|
|
29224
29246
|
});
|
|
29225
|
-
var templateObject_1$
|
|
29247
|
+
var templateObject_1$s;
|
|
29226
29248
|
|
|
29227
29249
|
var Spacing$f = ddsBaseTokens.spacing,
|
|
29228
29250
|
FontPackages$8 = ddsBaseTokens.fontPackages,
|
|
@@ -29253,9 +29275,9 @@ var descriptionListTermTokens = {
|
|
|
29253
29275
|
var DList = styled$3.dl.withConfig({
|
|
29254
29276
|
displayName: "DescriptionList__DList",
|
|
29255
29277
|
componentId: "sc-1ob73hm-0"
|
|
29256
|
-
})(templateObject_2$
|
|
29278
|
+
})(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin: 0;\n *::selection {\n ", "\n }\n ", "\n & > dt:first-of-type {\n margin-top: ", ";\n }\n & > dd:last-child {\n margin-bottom: ", ";\n }\n dd + dt {\n margin-top: ", ";\n }\n"], ["\n margin: 0;\n *::selection {\n ", "\n }\n ", "\n & > dt:first-of-type {\n margin-top: ", ";\n }\n & > dd:last-child {\n margin-bottom: ", ";\n }\n dd + dt {\n margin-top: ", ";\n }\n"])), typographyTokens.selection.base, function (_a) {
|
|
29257
29279
|
var appearance = _a.appearance;
|
|
29258
|
-
return appearance && Ae(templateObject_1$
|
|
29280
|
+
return appearance && Ae(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n dt {\n ", "\n }\n "], ["\n dt {\n ", "\n }\n "])), descriptionListTermTokens.appearance[appearance].base);
|
|
29259
29281
|
}, descriptionListTermTokens.unwrappedTopAndBottomSpace, descriptionListTermTokens.unwrappedTopAndBottomSpace, descriptionListTermTokens.unwrappedBetweenSpace);
|
|
29260
29282
|
var DescriptionList = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
29261
29283
|
var _b = _a.appearance,
|
|
@@ -29272,12 +29294,12 @@ var DescriptionList = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29272
29294
|
children: children
|
|
29273
29295
|
}));
|
|
29274
29296
|
});
|
|
29275
|
-
var templateObject_1$
|
|
29297
|
+
var templateObject_1$r, templateObject_2$k;
|
|
29276
29298
|
|
|
29277
29299
|
var DListTerm = styled$3.dt.withConfig({
|
|
29278
29300
|
displayName: "DescriptionListTerm__DListTerm",
|
|
29279
29301
|
componentId: "sc-10w0rzr-0"
|
|
29280
|
-
})(templateObject_1$
|
|
29302
|
+
})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject([""], [""])));
|
|
29281
29303
|
var DescriptionListTerm = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
29282
29304
|
var children = _a.children,
|
|
29283
29305
|
rest = __rest(_a, ["children"]);
|
|
@@ -29290,7 +29312,7 @@ var DescriptionListTerm = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29290
29312
|
children: children
|
|
29291
29313
|
}));
|
|
29292
29314
|
});
|
|
29293
|
-
var templateObject_1$
|
|
29315
|
+
var templateObject_1$q;
|
|
29294
29316
|
|
|
29295
29317
|
var Spacing$e = ddsBaseTokens.spacing,
|
|
29296
29318
|
FontPackages$7 = ddsBaseTokens.fontPackages;
|
|
@@ -29313,11 +29335,11 @@ var descriptionListDescTokens = {
|
|
|
29313
29335
|
var DListDesc = styled$3.dd.withConfig({
|
|
29314
29336
|
displayName: "DescriptionListDesc__DListDesc",
|
|
29315
29337
|
componentId: "sc-1djcf0s-0"
|
|
29316
|
-
})(templateObject_1$
|
|
29338
|
+
})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n display: flex;\n align-items: center;\n margin-inline-start: 0;\n"], ["\n ", "\n display: flex;\n align-items: center;\n margin-inline-start: 0;\n"])), descriptionListDescTokens.base);
|
|
29317
29339
|
var StyledIconWrapper$1 = styled$3(IconWrapper$1).withConfig({
|
|
29318
29340
|
displayName: "DescriptionListDesc__StyledIconWrapper",
|
|
29319
29341
|
componentId: "sc-1djcf0s-1"
|
|
29320
|
-
})(templateObject_2$
|
|
29342
|
+
})(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), descriptionListDescTokens.icon.base);
|
|
29321
29343
|
var DescriptionListDesc = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
29322
29344
|
var children = _a.children,
|
|
29323
29345
|
Icon = _a.Icon,
|
|
@@ -29334,7 +29356,7 @@ var DescriptionListDesc = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29334
29356
|
}), " ", children]
|
|
29335
29357
|
}));
|
|
29336
29358
|
});
|
|
29337
|
-
var templateObject_1$
|
|
29359
|
+
var templateObject_1$p, templateObject_2$j;
|
|
29338
29360
|
|
|
29339
29361
|
var Spacing$d = ddsBaseTokens.spacing;
|
|
29340
29362
|
var base$5 = {
|
|
@@ -29347,9 +29369,9 @@ var descriptionListGroupTokens = {
|
|
|
29347
29369
|
var DListGroup = styled$3.div.withConfig({
|
|
29348
29370
|
displayName: "DescriptionListGroup__DListGroup",
|
|
29349
29371
|
componentId: "sc-jkdc0o-0"
|
|
29350
|
-
})(templateObject_2$
|
|
29372
|
+
})(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), descriptionListGroupTokens.base, function (_a) {
|
|
29351
29373
|
var margin = _a.margin;
|
|
29352
|
-
return margin && Ae(templateObject_1$
|
|
29374
|
+
return margin && Ae(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n margin: ", ";\n "], ["\n margin: ", ";\n "])), margin);
|
|
29353
29375
|
});
|
|
29354
29376
|
var DescriptionListGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
29355
29377
|
var children = _a.children,
|
|
@@ -29364,7 +29386,7 @@ var DescriptionListGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29364
29386
|
children: children
|
|
29365
29387
|
}));
|
|
29366
29388
|
});
|
|
29367
|
-
var templateObject_1$
|
|
29389
|
+
var templateObject_1$o, templateObject_2$i;
|
|
29368
29390
|
|
|
29369
29391
|
var Colors$8 = ddsBaseTokens.colors,
|
|
29370
29392
|
Border$8 = ddsBaseTokens.border,
|
|
@@ -29430,10 +29452,10 @@ var Container$9 = styled$3.div.withConfig({
|
|
|
29430
29452
|
componentId: "sc-410ao9-0"
|
|
29431
29453
|
})(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n ", "\n &::selection, *::selection {\n ", "\n }\n transition: box-shadow 0.2s, border-color 0.2s;\n ", "\n ", "\n"], ["\n ", "\n &::selection, *::selection {\n ", "\n }\n transition: box-shadow 0.2s, border-color 0.2s;\n ", "\n ", "\n"])), cardTokens.base, typographyTokens.selection.base, function (_a) {
|
|
29432
29454
|
var color = _a.color;
|
|
29433
|
-
return color && Ae(templateObject_1$
|
|
29455
|
+
return color && Ae(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), cardTokens.colors[color].base);
|
|
29434
29456
|
}, function (_a) {
|
|
29435
29457
|
var cardType = _a.cardType;
|
|
29436
|
-
return cardType === 'navigation' ? Ae(templateObject_2$
|
|
29458
|
+
return cardType === 'navigation' ? Ae(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n text-decoration: none;\n &:hover {\n ", "\n }\n &:focus {\n outline: none;\n ", "\n }\n "], ["\n text-decoration: none;\n &:hover {\n ", "\n }\n &:focus {\n outline: none;\n ", "\n }\n "])), cardTokens.navigation.hover.base, cardTokens.navigation.focus.base) : cardType === 'expandable' ? Ae(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n &:not(:first-of-type) {\n border-top: none;\n }\n "], ["\n &:not(:first-of-type) {\n border-top: none;\n }\n "]))) : '';
|
|
29437
29459
|
});
|
|
29438
29460
|
var Card = function Card(props) {
|
|
29439
29461
|
var _a;
|
|
@@ -29460,12 +29482,12 @@ var Card = function Card(props) {
|
|
|
29460
29482
|
children: props.children
|
|
29461
29483
|
}));
|
|
29462
29484
|
};
|
|
29463
|
-
var templateObject_1$
|
|
29485
|
+
var templateObject_1$n, templateObject_2$h, templateObject_3$c, templateObject_4$7;
|
|
29464
29486
|
|
|
29465
|
-
var Wrapper$
|
|
29487
|
+
var Wrapper$4 = styled$3.div.withConfig({
|
|
29466
29488
|
displayName: "CardAccordion__Wrapper",
|
|
29467
29489
|
componentId: "sc-1ctxrby-0"
|
|
29468
|
-
})(templateObject_1$
|
|
29490
|
+
})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject([""], [""])));
|
|
29469
29491
|
var nextUniqueId$a = 0;
|
|
29470
29492
|
var CardAccordion = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
29471
29493
|
var _b = _a.isExpanded,
|
|
@@ -29507,11 +29529,11 @@ var CardAccordion = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29507
29529
|
ref: ref
|
|
29508
29530
|
}, rest);
|
|
29509
29531
|
|
|
29510
|
-
return jsxRuntime.exports.jsx(Wrapper$
|
|
29532
|
+
return jsxRuntime.exports.jsx(Wrapper$4, __assign({}, props, {
|
|
29511
29533
|
children: Children$1
|
|
29512
29534
|
}));
|
|
29513
29535
|
});
|
|
29514
|
-
var templateObject_1$
|
|
29536
|
+
var templateObject_1$m;
|
|
29515
29537
|
|
|
29516
29538
|
var Spacing$c = ddsBaseTokens.spacing,
|
|
29517
29539
|
FontPackages$5 = ddsBaseTokens.fontPackages,
|
|
@@ -29553,15 +29575,15 @@ var cardAccordionHeaderTokens = {
|
|
|
29553
29575
|
var ContentWrapper = styled$3.div.withConfig({
|
|
29554
29576
|
displayName: "CardAccordionHeader__ContentWrapper",
|
|
29555
29577
|
componentId: "sc-1qs6bkj-0"
|
|
29556
|
-
})(templateObject_1$
|
|
29578
|
+
})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n text-align: left;\n"], ["\n text-align: left;\n"])));
|
|
29557
29579
|
var HeaderContainer$2 = styled$3.div.withConfig({
|
|
29558
29580
|
displayName: "CardAccordionHeader__HeaderContainer",
|
|
29559
29581
|
componentId: "sc-1qs6bkj-1"
|
|
29560
|
-
})(templateObject_2$
|
|
29582
|
+
})(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: box-shadow 0.2s;\n ", "\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: box-shadow 0.2s;\n ", "\n"])), cardAccordionHeaderTokens.base);
|
|
29561
29583
|
var HeaderWrapper = styled$3.button.withConfig({
|
|
29562
29584
|
displayName: "CardAccordionHeader__HeaderWrapper",
|
|
29563
29585
|
componentId: "sc-1qs6bkj-2"
|
|
29564
|
-
})(templateObject_3$
|
|
29586
|
+
})(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n position: relative;\n cursor: pointer;\n transition: box-shadow 0.2s;\n ", "\n display: block;\n width: 100%;\n &:hover {\n ", "\n }\n\n &:focus-visible,\n &.focus-visible {\n outline: none;\n ", "\n }\n"], ["\n position: relative;\n cursor: pointer;\n transition: box-shadow 0.2s;\n ", "\n display: block;\n width: 100%;\n &:hover {\n ", "\n }\n\n &:focus-visible,\n &.focus-visible {\n outline: none;\n ", "\n }\n"])), removeButtonStyling, cardAccordionHeaderTokens.hover.base, cardAccordionHeaderTokens.focus.base);
|
|
29565
29587
|
var ChevronWrapper = styled$3.span.withConfig({
|
|
29566
29588
|
displayName: "CardAccordionHeader__ChevronWrapper",
|
|
29567
29589
|
componentId: "sc-1qs6bkj-3"
|
|
@@ -29602,7 +29624,7 @@ var CardAccordionHeader = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29602
29624
|
})
|
|
29603
29625
|
}));
|
|
29604
29626
|
});
|
|
29605
|
-
var templateObject_1$
|
|
29627
|
+
var templateObject_1$l, templateObject_2$g, templateObject_3$b, templateObject_4$6;
|
|
29606
29628
|
|
|
29607
29629
|
var Spacing$b = ddsBaseTokens.spacing,
|
|
29608
29630
|
FontPackages$4 = ddsBaseTokens.fontPackages;
|
|
@@ -29615,16 +29637,16 @@ var cardAccordionBodyTokens = {
|
|
|
29615
29637
|
base: base$2
|
|
29616
29638
|
};
|
|
29617
29639
|
|
|
29618
|
-
var expandingAnimation = Ae(templateObject_1$
|
|
29640
|
+
var expandingAnimation = Ae(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n transition: padding 0.2s, visibility 0.3s,\n max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n"], ["\n transition: padding 0.2s, visibility 0.3s,\n max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n"])));
|
|
29619
29641
|
var Body = styled$3.div.withConfig({
|
|
29620
29642
|
displayName: "CardAccordionBody__Body",
|
|
29621
29643
|
componentId: "sc-igsnpx-0"
|
|
29622
29644
|
})(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n"])), expandingAnimation, cardAccordionBodyTokens.base, function (_a) {
|
|
29623
29645
|
var paddingTop = _a.paddingTop;
|
|
29624
|
-
return paddingTop && Ae(templateObject_2$
|
|
29646
|
+
return paddingTop && Ae(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n padding-top: ", ";\n "], ["\n padding-top: ", ";\n "])), paddingTop);
|
|
29625
29647
|
}, function (_a) {
|
|
29626
29648
|
var isExpanded = _a.isExpanded;
|
|
29627
|
-
return !isExpanded && Ae(templateObject_3$
|
|
29649
|
+
return !isExpanded && Ae(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n padding-top: 0;\n padding-bottom: 0;\n "], ["\n padding-top: 0;\n padding-bottom: 0;\n "])));
|
|
29628
29650
|
});
|
|
29629
29651
|
var BodyContainer = styled$3.div.withConfig({
|
|
29630
29652
|
displayName: "CardAccordionBody__BodyContainer",
|
|
@@ -29676,7 +29698,7 @@ var CardAccordionBody = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
29676
29698
|
}))
|
|
29677
29699
|
}));
|
|
29678
29700
|
});
|
|
29679
|
-
var templateObject_1$
|
|
29701
|
+
var templateObject_1$k, templateObject_2$f, templateObject_3$a, templateObject_4$5, templateObject_5$3;
|
|
29680
29702
|
|
|
29681
29703
|
var MoreVertOutlined = {};
|
|
29682
29704
|
|
|
@@ -29735,7 +29757,7 @@ var linkHoverBase$2 = {
|
|
|
29735
29757
|
var linkActiveBase$1 = {
|
|
29736
29758
|
color: Colors$7.DdsColorInteractiveBase
|
|
29737
29759
|
};
|
|
29738
|
-
var wrapperBase$
|
|
29760
|
+
var wrapperBase$5 = {
|
|
29739
29761
|
backgroundColor: Colors$7.DdsColorNeutralsWhite
|
|
29740
29762
|
};
|
|
29741
29763
|
var applicationNameWrapperBase = {
|
|
@@ -29774,7 +29796,7 @@ var contextGroupBase = {
|
|
|
29774
29796
|
};
|
|
29775
29797
|
var internalHeaderTokens = {
|
|
29776
29798
|
wrapper: {
|
|
29777
|
-
base: wrapperBase$
|
|
29799
|
+
base: wrapperBase$5
|
|
29778
29800
|
},
|
|
29779
29801
|
applicationNameWrapper: {
|
|
29780
29802
|
base: applicationNameWrapperBase
|
|
@@ -31540,7 +31562,7 @@ var linkHoverBase$1 = {
|
|
|
31540
31562
|
var linkActiveBase = {
|
|
31541
31563
|
color: Colors$6.DdsColorInteractiveBase
|
|
31542
31564
|
};
|
|
31543
|
-
var wrapperBase$
|
|
31565
|
+
var wrapperBase$4 = {
|
|
31544
31566
|
border: "".concat(Border$5.BordersDdsBorderStyleLightStrokeWeight, " ").concat(Border$5.BordersDdsBorderStyleLightStroke, " solid "),
|
|
31545
31567
|
backgroundColor: Colors$6.DdsColorNeutralsWhite,
|
|
31546
31568
|
borderRadius: BorderRadius$3.RadiiDdsBorderRadius1Radius
|
|
@@ -31554,7 +31576,7 @@ var dividerBase = {
|
|
|
31554
31576
|
};
|
|
31555
31577
|
var overflowMenuTokens = {
|
|
31556
31578
|
container: {
|
|
31557
|
-
base: wrapperBase$
|
|
31579
|
+
base: wrapperBase$4
|
|
31558
31580
|
},
|
|
31559
31581
|
link: {
|
|
31560
31582
|
base: linkBase$1,
|
|
@@ -31577,15 +31599,15 @@ var overflowMenuTokens = {
|
|
|
31577
31599
|
var Span = styled$3.span.withConfig({
|
|
31578
31600
|
displayName: "OverflowMenuItem__Span",
|
|
31579
31601
|
componentId: "sc-1ka2asi-0"
|
|
31580
|
-
})(templateObject_1$
|
|
31602
|
+
})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n ", "\n display: flex;\n align-items: center;\n box-sizing: border-box;\n"], ["\n ", "\n display: flex;\n align-items: center;\n box-sizing: border-box;\n"])), overflowMenuTokens.link.base);
|
|
31581
31603
|
var Link$2 = styled$3.a.withConfig({
|
|
31582
31604
|
displayName: "OverflowMenuItem__Link",
|
|
31583
31605
|
componentId: "sc-1ka2asi-1"
|
|
31584
|
-
})(templateObject_2$
|
|
31606
|
+
})(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n box-sizing: border-box;\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n ", "\n display: flex;\n align-items: center;\n transition: background-color 0.2s;\n &:hover {\n ", "\n }\n &:active {\n ", "\n }\n &:focus-visible,\n &.focus-visible {\n ", "\n }\n"], ["\n box-sizing: border-box;\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n ", "\n display: flex;\n align-items: center;\n transition: background-color 0.2s;\n &:hover {\n ", "\n }\n &:active {\n ", "\n }\n &:focus-visible,\n &.focus-visible {\n ", "\n }\n"])), overflowMenuTokens.link.base, overflowMenuTokens.link.hover.base, overflowMenuTokens.link.active.base, overflowMenuTokens.link.focus.base);
|
|
31585
31607
|
var StyledIconWrapper = styled$3(IconWrapper$1).withConfig({
|
|
31586
31608
|
displayName: "OverflowMenuItem__StyledIconWrapper",
|
|
31587
31609
|
componentId: "sc-1ka2asi-2"
|
|
31588
|
-
})(templateObject_3$
|
|
31610
|
+
})(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject([""], [""])));
|
|
31589
31611
|
var OverflowMenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
31590
31612
|
var title = _a.title,
|
|
31591
31613
|
href = _a.href,
|
|
@@ -31663,7 +31685,7 @@ var OverflowMenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
31663
31685
|
children: [icon, title]
|
|
31664
31686
|
}));
|
|
31665
31687
|
});
|
|
31666
|
-
var templateObject_1$
|
|
31688
|
+
var templateObject_1$j, templateObject_2$e, templateObject_3$9;
|
|
31667
31689
|
|
|
31668
31690
|
var PersonOutlineOutlined = {};
|
|
31669
31691
|
|
|
@@ -31687,43 +31709,41 @@ default_1 = PersonOutlineOutlined.default = _default;
|
|
|
31687
31709
|
var Container$8 = styled$3.div.withConfig({
|
|
31688
31710
|
displayName: "OverflowMenu__Container",
|
|
31689
31711
|
componentId: "sc-kh744b-0"
|
|
31690
|
-
})(templateObject_1$
|
|
31691
|
-
var isOpen = _a.isOpen;
|
|
31692
|
-
return !isOpen ? 'hidden' : 'visible';
|
|
31693
|
-
}, function (_a) {
|
|
31712
|
+
})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n box-sizing: border-box;\n z-index: 3;\n overflow-y: auto;\n min-width: 180px;\n max-width: 300px;\n ", "\n ", "\n ", "\n *::selection {\n ", "\n }\n"], ["\n box-sizing: border-box;\n z-index: 3;\n overflow-y: auto;\n min-width: 180px;\n max-width: 300px;\n ", "\n ", "\n ", "\n *::selection {\n ", "\n }\n"])), function (_a) {
|
|
31694
31713
|
var isOpen = _a.isOpen;
|
|
31695
|
-
return
|
|
31714
|
+
return visibilityTransition(isOpen);
|
|
31696
31715
|
}, overflowMenuTokens.container.base, scrollbarStyling, typographyTokens.selection.base);
|
|
31697
31716
|
var OverflowMenuList = styled$3.ul.withConfig({
|
|
31698
31717
|
displayName: "OverflowMenu__OverflowMenuList",
|
|
31699
31718
|
componentId: "sc-kh744b-1"
|
|
31700
|
-
})(templateObject_2$
|
|
31719
|
+
})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n list-style-type: none;\n padding: 0;\n margin: 0;\n"], ["\n display: flex;\n flex-direction: column;\n list-style-type: none;\n padding: 0;\n margin: 0;\n"])));
|
|
31701
31720
|
var StyledDivider = styled$3(Divider).withConfig({
|
|
31702
31721
|
displayName: "OverflowMenu__StyledDivider",
|
|
31703
31722
|
componentId: "sc-kh744b-2"
|
|
31704
|
-
})(templateObject_3$
|
|
31723
|
+
})(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), overflowMenuTokens.divider.base);
|
|
31705
31724
|
var OverflowMenu = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
31706
31725
|
var _b, _c;
|
|
31707
31726
|
|
|
31708
31727
|
var anchorRef = _a.anchorRef,
|
|
31709
31728
|
onClose = _a.onClose,
|
|
31710
|
-
|
|
31711
|
-
|
|
31712
|
-
|
|
31729
|
+
_d = _a.isOpen,
|
|
31730
|
+
isOpen = _d === void 0 ? false : _d,
|
|
31731
|
+
_e = _a.placement,
|
|
31732
|
+
placement = _e === void 0 ? 'bottom-end' : _e,
|
|
31713
31733
|
items = _a.items,
|
|
31714
31734
|
navItems = _a.navItems,
|
|
31715
31735
|
userProps = _a.userProps,
|
|
31716
31736
|
id = _a.id,
|
|
31717
|
-
|
|
31718
|
-
offset =
|
|
31737
|
+
_f = _a.offset,
|
|
31738
|
+
offset = _f === void 0 ? overflowMenuTokens.offset : _f,
|
|
31719
31739
|
style = _a.style,
|
|
31720
31740
|
rest = __rest(_a, ["anchorRef", "onClose", "isOpen", "placement", "items", "navItems", "userProps", "id", "offset", "style"]);
|
|
31721
31741
|
|
|
31722
|
-
var
|
|
31723
|
-
reference =
|
|
31724
|
-
floating =
|
|
31725
|
-
refs =
|
|
31726
|
-
styles =
|
|
31742
|
+
var _g = useFloatPosition(null, placement, offset),
|
|
31743
|
+
reference = _g.reference,
|
|
31744
|
+
floating = _g.floating,
|
|
31745
|
+
refs = _g.refs,
|
|
31746
|
+
styles = _g.styles;
|
|
31727
31747
|
|
|
31728
31748
|
var combinedRef = useCombinedRef(ref, floating);
|
|
31729
31749
|
useEffect(function () {
|
|
@@ -31747,9 +31767,9 @@ var OverflowMenu = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
31747
31767
|
var hasContextItems = !!items && items.length > 0;
|
|
31748
31768
|
var hasNavItems = !!navItems && navItems.length > 0;
|
|
31749
31769
|
|
|
31750
|
-
var
|
|
31751
|
-
username =
|
|
31752
|
-
userPropsRest = __rest(
|
|
31770
|
+
var _h = userProps || {},
|
|
31771
|
+
username = _h.name,
|
|
31772
|
+
userPropsRest = __rest(_h, ["name"]);
|
|
31753
31773
|
|
|
31754
31774
|
var hasStaticUser = username && userProps && !userProps.href && !userProps.onClick;
|
|
31755
31775
|
var hasInteractiveUser = username && userProps && (!!userProps.href || !!userProps.onClick);
|
|
@@ -31760,9 +31780,9 @@ var OverflowMenu = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
31760
31780
|
hasContextItems && interactiveItems.push.apply(interactiveItems, items);
|
|
31761
31781
|
var hasInteractiveItems = interactiveItems.length > 0;
|
|
31762
31782
|
|
|
31763
|
-
var
|
|
31764
|
-
focus =
|
|
31765
|
-
setFocus =
|
|
31783
|
+
var _j = useRoveFocus(interactiveItems && interactiveItems.length, !isOpen),
|
|
31784
|
+
focus = _j[0],
|
|
31785
|
+
setFocus = _j[1];
|
|
31766
31786
|
|
|
31767
31787
|
var interactiveItemsList = hasInteractiveItems ? interactiveItems.map(function (item, index) {
|
|
31768
31788
|
return jsxRuntime.exports.jsx("li", {
|
|
@@ -31823,7 +31843,7 @@ var OverflowMenu = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
31823
31843
|
}), interactiveContent()]
|
|
31824
31844
|
}));
|
|
31825
31845
|
});
|
|
31826
|
-
var templateObject_1$
|
|
31846
|
+
var templateObject_1$i, templateObject_2$d, templateObject_3$8;
|
|
31827
31847
|
|
|
31828
31848
|
var nextUniqueId$9 = 0;
|
|
31829
31849
|
var OverflowMenuGroup = function OverflowMenuGroup(_a) {
|
|
@@ -31880,16 +31900,16 @@ var OverflowMenuGroup = function OverflowMenuGroup(_a) {
|
|
|
31880
31900
|
});
|
|
31881
31901
|
};
|
|
31882
31902
|
|
|
31883
|
-
var Wrapper$
|
|
31903
|
+
var Wrapper$3 = styled$3.div.withConfig({
|
|
31884
31904
|
displayName: "InternalHeaderstyles__Wrapper",
|
|
31885
31905
|
componentId: "sc-91bnca-0"
|
|
31886
|
-
})(templateObject_1$
|
|
31906
|
+
})(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n position: relative;\n *::selection {\n ", "\n }\n ", "\n"], ["\n position: relative;\n *::selection {\n ", "\n }\n ", "\n"])), typographyTokens.selection.base, internalHeaderTokens.wrapper.base);
|
|
31887
31907
|
var BannerWrapper = styled$3.div.withConfig({
|
|
31888
31908
|
displayName: "InternalHeaderstyles__BannerWrapper",
|
|
31889
31909
|
componentId: "sc-91bnca-1"
|
|
31890
|
-
})(templateObject_3$
|
|
31910
|
+
})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n ", "\n ", "\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n ", "\n ", "\n"])), internalHeaderTokens.banner.base, function (_a) {
|
|
31891
31911
|
var hasContextMenu = _a.hasContextMenu;
|
|
31892
|
-
return hasContextMenu && Ae(templateObject_2$
|
|
31912
|
+
return hasContextMenu && Ae(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n padding-right: ", ";\n "], ["\n padding-right: ", ";\n "])), internalHeaderTokens.banner.contextMenuSpacing);
|
|
31893
31913
|
});
|
|
31894
31914
|
var BannerLeftWrapper = styled$3.div.withConfig({
|
|
31895
31915
|
displayName: "InternalHeaderstyles__BannerLeftWrapper",
|
|
@@ -31922,14 +31942,14 @@ var StyledOverflowMenu = styled$3(OverflowMenu).withConfig({
|
|
|
31922
31942
|
displayName: "InternalHeaderstyles__StyledOverflowMenu",
|
|
31923
31943
|
componentId: "sc-91bnca-8"
|
|
31924
31944
|
})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n max-height: calc(100vh - 110px);\n"], ["\n max-height: calc(100vh - 110px);\n"])));
|
|
31925
|
-
var templateObject_1$
|
|
31945
|
+
var templateObject_1$h, templateObject_2$c, templateObject_3$7, templateObject_4$4, templateObject_5$2, templateObject_6$2, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11;
|
|
31926
31946
|
|
|
31927
31947
|
var Link$1 = styled$3.a.withConfig({
|
|
31928
31948
|
displayName: "NavigationItem__Link",
|
|
31929
31949
|
componentId: "sc-1fua9kw-0"
|
|
31930
|
-
})(templateObject_2$
|
|
31950
|
+
})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n display: flex;\n align-items: center;\n transition: background-color 0.2s;\n height: 100%;\n box-sizing: border-box;\n ", "\n &:hover {\n ", "\n }\n &:active {\n ", "\n }\n &:focus-visible,\n &.focus-visible {\n ", "\n }\n ", "\n"], ["\n display: flex;\n align-items: center;\n transition: background-color 0.2s;\n height: 100%;\n box-sizing: border-box;\n ", "\n &:hover {\n ", "\n }\n &:active {\n ", "\n }\n &:focus-visible,\n &.focus-visible {\n ", "\n }\n ", "\n"])), internalHeaderTokens.navigationLink.base, internalHeaderTokens.navigationLink.hover.base, internalHeaderTokens.navigationLink.active.base, internalHeaderTokens.navigationLink.focus.base, function (_a) {
|
|
31931
31951
|
var isCurrent = _a.isCurrent;
|
|
31932
|
-
return isCurrent && Ae(templateObject_1$
|
|
31952
|
+
return isCurrent && Ae(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), internalHeaderTokens.navigationLink.current.base);
|
|
31933
31953
|
});
|
|
31934
31954
|
var NavigationItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
31935
31955
|
var title = _a.title,
|
|
@@ -31947,12 +31967,12 @@ var NavigationItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
31947
31967
|
children: title
|
|
31948
31968
|
}));
|
|
31949
31969
|
});
|
|
31950
|
-
var templateObject_1$
|
|
31970
|
+
var templateObject_1$g, templateObject_2$b;
|
|
31951
31971
|
|
|
31952
31972
|
var Li = styled$3.li.withConfig({
|
|
31953
31973
|
displayName: "InternalHeaderListItem__Li",
|
|
31954
31974
|
componentId: "sc-g1dd6e-0"
|
|
31955
|
-
})(templateObject_1$
|
|
31975
|
+
})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n box-sizing: border-box;\n"], ["\n box-sizing: border-box;\n"])));
|
|
31956
31976
|
var InternalHeaderListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
31957
31977
|
var children = _a.children,
|
|
31958
31978
|
rest = __rest(_a, ["children"]);
|
|
@@ -31965,7 +31985,7 @@ var InternalHeaderListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
31965
31985
|
children: children
|
|
31966
31986
|
}));
|
|
31967
31987
|
});
|
|
31968
|
-
var templateObject_1$
|
|
31988
|
+
var templateObject_1$f;
|
|
31969
31989
|
|
|
31970
31990
|
var InternalHeader = function InternalHeader(_a) {
|
|
31971
31991
|
var applicationName = _a.applicationName,
|
|
@@ -32026,7 +32046,7 @@ var InternalHeader = function InternalHeader(_a) {
|
|
|
32026
32046
|
})
|
|
32027
32047
|
})) : null;
|
|
32028
32048
|
var hasContextMenu = hasContextMenuElements || !!userProps || hasNavInContextMenu;
|
|
32029
|
-
return jsxRuntime.exports.jsxs(Wrapper$
|
|
32049
|
+
return jsxRuntime.exports.jsxs(Wrapper$3, __assign({}, rest, {
|
|
32030
32050
|
children: [jsxRuntime.exports.jsx(BannerWrapper, __assign({
|
|
32031
32051
|
hasContextMenu: hasContextMenu
|
|
32032
32052
|
}, {
|
|
@@ -32101,7 +32121,7 @@ var getWidth = function getWidth(type) {
|
|
|
32101
32121
|
var StyledInput = styled$3(Input$5).withConfig({
|
|
32102
32122
|
displayName: "Datepicker__StyledInput",
|
|
32103
32123
|
componentId: "sc-1ijxhje-0"
|
|
32104
|
-
})(templateObject_1$
|
|
32124
|
+
})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n min-height: 76px;\n ::-webkit-calendar-picker-indicator {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n ", "\n margin-left: 0px;\n padding: 0;\n top: 50%;\n transform: translate(0, -50%);\n box-sizing: border-box;\n }\n\n ::-webkit-calendar-picker-indicator:focus-visible {\n ", "\n }\n\n ::-webkit-inner-spin-button {\n display: none;\n }\n\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-year-field {\n transition: 0.2s;\n }\n\n ::-webkit-datetime-edit-day-field:focus,\n ::-webkit-datetime-edit-month-field:focus,\n ::-webkit-datetime-edit-year-field:focus {\n ", "\n }\n"], ["\n min-height: 76px;\n ::-webkit-calendar-picker-indicator {\n // disable eslint to ensure double quotes in url due to svg data URI in image bundle that requires them, as the attributes use single quotes\n // eslint-disable-next-line\n // prettier-ignore\n background-image: url(\"", "\");\n ", "\n margin-left: 0px;\n padding: 0;\n top: 50%;\n transform: translate(0, -50%);\n box-sizing: border-box;\n }\n\n ::-webkit-calendar-picker-indicator:focus-visible {\n ", "\n }\n\n ::-webkit-inner-spin-button {\n display: none;\n }\n\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-year-field {\n transition: 0.2s;\n }\n\n ::-webkit-datetime-edit-day-field:focus,\n ::-webkit-datetime-edit-month-field:focus,\n ::-webkit-datetime-edit-year-field:focus {\n ", "\n }\n"])), img, datepickerTokens.calendarIndicator.base, datepickerTokens.calendarIndicator.focus.base, typographyTokens.selection.base);
|
|
32105
32125
|
var nextUniqueId$8 = 0;
|
|
32106
32126
|
var Datepicker = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
32107
32127
|
var id = _a.id,
|
|
@@ -32168,7 +32188,7 @@ var Datepicker = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
32168
32188
|
})]
|
|
32169
32189
|
}));
|
|
32170
32190
|
});
|
|
32171
|
-
var templateObject_1$
|
|
32191
|
+
var templateObject_1$e;
|
|
32172
32192
|
|
|
32173
32193
|
var Colors$5 = ddsBaseTokens.colors,
|
|
32174
32194
|
Spacing$7 = ddsBaseTokens.spacing,
|
|
@@ -32187,7 +32207,7 @@ var linkHoverBase = {
|
|
|
32187
32207
|
|
|
32188
32208
|
var linkFocusBase = __assign({}, focusVisibleOnDark);
|
|
32189
32209
|
|
|
32190
|
-
var wrapperBase$
|
|
32210
|
+
var wrapperBase$3 = {
|
|
32191
32211
|
backgroundColor: Colors$5.DdsColorPrimaryBase,
|
|
32192
32212
|
padding: Spacing$7.SizesDdsSpacingLocalX025
|
|
32193
32213
|
};
|
|
@@ -32206,21 +32226,21 @@ var skipToContentTokens = {
|
|
|
32206
32226
|
}
|
|
32207
32227
|
},
|
|
32208
32228
|
wrapper: {
|
|
32209
|
-
base: wrapperBase$
|
|
32229
|
+
base: wrapperBase$3
|
|
32210
32230
|
}
|
|
32211
32231
|
};
|
|
32212
32232
|
|
|
32213
|
-
var Wrapper$
|
|
32233
|
+
var Wrapper$2 = styled$3.div.withConfig({
|
|
32214
32234
|
displayName: "SkipToContent__Wrapper",
|
|
32215
32235
|
componentId: "sc-57o1qv-0"
|
|
32216
|
-
})(templateObject_1$
|
|
32236
|
+
})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n box-sizing: border-box;\n position: absolute;\n top: ", ";\n text-align: center;\n opacity: 0;\n transition: opacity 0.2s;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n width: 1px;\n white-space: nowrap;\n ", "\n\n &:focus-within {\n clip: auto;\n height: auto;\n overflow: auto;\n width: 100%;\n z-index: 200;\n opacity: 1;\n }\n"], ["\n box-sizing: border-box;\n position: absolute;\n top: ", ";\n text-align: center;\n opacity: 0;\n transition: opacity 0.2s;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n height: 1px;\n width: 1px;\n white-space: nowrap;\n ", "\n\n &:focus-within {\n clip: auto;\n height: auto;\n overflow: auto;\n width: 100%;\n z-index: 200;\n opacity: 1;\n }\n"])), function (_a) {
|
|
32217
32237
|
var top = _a.top;
|
|
32218
32238
|
return top;
|
|
32219
32239
|
}, skipToContentTokens.wrapper.base);
|
|
32220
32240
|
var Link = styled$3.a.withConfig({
|
|
32221
32241
|
displayName: "SkipToContent__Link",
|
|
32222
32242
|
componentId: "sc-57o1qv-1"
|
|
32223
|
-
})(templateObject_2$
|
|
32243
|
+
})(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n ", "\n &:focus {\n ", "\n transition: ", ";\n }\n &:hover {\n ", "\n }\n"], ["\n ", "\n &:focus {\n ", "\n transition: ", ";\n }\n &:hover {\n ", "\n }\n"])), skipToContentTokens.link.base, skipToContentTokens.link.focus.base, focusVisibleTransitionValue, skipToContentTokens.link.hover.base);
|
|
32224
32244
|
var SkipToContent = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
32225
32245
|
var _b = _a.text,
|
|
32226
32246
|
text = _b === void 0 ? 'Til hovedinnhold' : _b,
|
|
@@ -32235,7 +32255,7 @@ var SkipToContent = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
32235
32255
|
className: className,
|
|
32236
32256
|
style: style
|
|
32237
32257
|
};
|
|
32238
|
-
return jsxRuntime.exports.jsx(Wrapper$
|
|
32258
|
+
return jsxRuntime.exports.jsx(Wrapper$2, __assign({}, wrapperProps, {
|
|
32239
32259
|
children: jsxRuntime.exports.jsx(Link, __assign({
|
|
32240
32260
|
ref: ref
|
|
32241
32261
|
}, rest, {
|
|
@@ -32243,7 +32263,7 @@ var SkipToContent = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
32243
32263
|
}))
|
|
32244
32264
|
}));
|
|
32245
32265
|
});
|
|
32246
|
-
var templateObject_1$
|
|
32266
|
+
var templateObject_1$d, templateObject_2$a;
|
|
32247
32267
|
|
|
32248
32268
|
var Border$2 = ddsBaseTokens.border,
|
|
32249
32269
|
Colors$4 = ddsBaseTokens.colors,
|
|
@@ -32252,7 +32272,7 @@ var Border$2 = ddsBaseTokens.border,
|
|
|
32252
32272
|
OuterShadow$2 = ddsBaseTokens.outerShadow,
|
|
32253
32273
|
BorderRadius$2 = ddsBaseTokens.borderRadius;
|
|
32254
32274
|
|
|
32255
|
-
var wrapperBase$
|
|
32275
|
+
var wrapperBase$2 = __assign(__assign({
|
|
32256
32276
|
border: "".concat(Border$2.BordersDdsBorderStyleLightStroke, " solid ").concat(Border$2.BordersDdsBorderFocusBaseStrokeWeight),
|
|
32257
32277
|
backgroundColor: Colors$4.DdsColorNeutralsWhite
|
|
32258
32278
|
}, FontPackages.body_sans_02.base), {
|
|
@@ -32263,7 +32283,7 @@ var wrapperBase$1 = __assign(__assign({
|
|
|
32263
32283
|
|
|
32264
32284
|
var tooltipTokens = {
|
|
32265
32285
|
wrapper: {
|
|
32266
|
-
base: wrapperBase$
|
|
32286
|
+
base: wrapperBase$2
|
|
32267
32287
|
},
|
|
32268
32288
|
svgArrow: {
|
|
32269
32289
|
border: {
|
|
@@ -32278,26 +32298,23 @@ var tooltipTokens = {
|
|
|
32278
32298
|
var SvgArrow = styled$3.svg.withConfig({
|
|
32279
32299
|
displayName: "Tooltipstyles__SvgArrow",
|
|
32280
32300
|
componentId: "sc-1cna5tc-0"
|
|
32281
|
-
})(templateObject_1$
|
|
32301
|
+
})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n width: 36px;\n height: 9px;\n"], ["\n width: 36px;\n height: 9px;\n"])));
|
|
32282
32302
|
var ArrowWrapper = styled$3.div.withConfig({
|
|
32283
32303
|
displayName: "Tooltipstyles__ArrowWrapper",
|
|
32284
32304
|
componentId: "sc-1cna5tc-1"
|
|
32285
|
-
})(templateObject_2$
|
|
32305
|
+
})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject([""], [""])));
|
|
32286
32306
|
var Container$7 = styled$3.div.withConfig({
|
|
32287
32307
|
displayName: "Tooltipstyles__Container",
|
|
32288
32308
|
componentId: "sc-1cna5tc-2"
|
|
32289
|
-
})(templateObject_3$
|
|
32309
|
+
})(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n width: fit-content;\n"], ["\n width: fit-content;\n"])));
|
|
32290
32310
|
var TooltipWrapper = styled$3.div.withConfig({
|
|
32291
32311
|
displayName: "Tooltipstyles__TooltipWrapper",
|
|
32292
32312
|
componentId: "sc-1cna5tc-3"
|
|
32293
|
-
})(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n &::selection {\n ", "\n }\n
|
|
32294
|
-
var open = _a.open;
|
|
32295
|
-
return open ? 'visible' : 'hidden';
|
|
32296
|
-
}, function (_a) {
|
|
32313
|
+
})(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n &::selection {\n ", "\n }\n ", "\n width: fit-content;\n position: absolute;\n z-index: 20;\n text-align: center;\n ", "\n"], ["\n &::selection {\n ", "\n }\n ", "\n width: fit-content;\n position: absolute;\n z-index: 20;\n text-align: center;\n ", "\n"])), typographyTokens.selection.base, function (_a) {
|
|
32297
32314
|
var open = _a.open;
|
|
32298
|
-
return open
|
|
32315
|
+
return visibilityTransition(open);
|
|
32299
32316
|
}, tooltipTokens.wrapper.base);
|
|
32300
|
-
var templateObject_1$
|
|
32317
|
+
var templateObject_1$c, templateObject_2$9, templateObject_3$6, templateObject_4$3;
|
|
32301
32318
|
|
|
32302
32319
|
var nextUniqueId$7 = 0;
|
|
32303
32320
|
var Tooltip = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
@@ -32447,15 +32464,15 @@ var modalTokens = {
|
|
|
32447
32464
|
var Container$6 = styled$3.div.withConfig({
|
|
32448
32465
|
displayName: "Modal__Container",
|
|
32449
32466
|
componentId: "sc-12c14zx-0"
|
|
32450
|
-
})(templateObject_1$
|
|
32467
|
+
})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n display: flex;\n flex-direction: column-reverse;\n box-sizing: border-box;\n margin: 0;\n min-width: 200px;\n &::selection,\n *::selection {\n ", "\n }\n ", "\n :focus-visible, &.focus-visible {\n ", "\n }\n"], ["\n display: flex;\n flex-direction: column-reverse;\n box-sizing: border-box;\n margin: 0;\n min-width: 200px;\n &::selection,\n *::selection {\n ", "\n }\n ", "\n :focus-visible, &.focus-visible {\n ", "\n }\n"])), typographyTokens.selection.base, modalTokens.base, modalTokens.focus.base);
|
|
32451
32468
|
var ContentContainer$2 = styled$3.div.withConfig({
|
|
32452
32469
|
displayName: "Modal__ContentContainer",
|
|
32453
32470
|
componentId: "sc-12c14zx-1"
|
|
32454
|
-
})(templateObject_2$
|
|
32471
|
+
})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n display: grid;\n ", "\n"], ["\n display: grid;\n ", "\n"])), modalTokens.contentContainer.base);
|
|
32455
32472
|
var HeaderContainer$1 = styled$3.div.withConfig({
|
|
32456
32473
|
displayName: "Modal__HeaderContainer",
|
|
32457
32474
|
componentId: "sc-12c14zx-2"
|
|
32458
|
-
})(templateObject_3$
|
|
32475
|
+
})(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject([""], [""])));
|
|
32459
32476
|
var StyledButton$2 = styled$3(Button$1).withConfig({
|
|
32460
32477
|
displayName: "Modal__StyledButton",
|
|
32461
32478
|
componentId: "sc-12c14zx-3"
|
|
@@ -32540,14 +32557,14 @@ var Modal = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
32540
32557
|
}))
|
|
32541
32558
|
})), parentElement) : null;
|
|
32542
32559
|
});
|
|
32543
|
-
var templateObject_1$
|
|
32560
|
+
var templateObject_1$b, templateObject_2$8, templateObject_3$5, templateObject_4$2;
|
|
32544
32561
|
|
|
32545
32562
|
var Container$5 = styled$3.div.withConfig({
|
|
32546
32563
|
displayName: "ModalBody__Container",
|
|
32547
32564
|
componentId: "sc-134o0zg-0"
|
|
32548
|
-
})(templateObject_2$
|
|
32565
|
+
})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n ", "\n transition: ", ";\n ", "\n"], ["\n ", "\n transition: ", ";\n ", "\n"])), scrollbarStyling, focusVisibleTransitionValue, function (_a) {
|
|
32549
32566
|
var scrollable = _a.scrollable;
|
|
32550
|
-
return scrollable && Ae(templateObject_1$
|
|
32567
|
+
return scrollable && Ae(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n ", "\n &:focus-visible, &.focus-visible {\n ", "\n }\n "], ["\n ", "\n &:focus-visible, &.focus-visible {\n ", "\n }\n "])), modalTokens.bodyScrollable.base, modalTokens.bodyScrollable.focus.base);
|
|
32551
32568
|
});
|
|
32552
32569
|
var ModalBody = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
32553
32570
|
var children = _a.children,
|
|
@@ -32564,12 +32581,12 @@ var ModalBody = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
32564
32581
|
children: children
|
|
32565
32582
|
}));
|
|
32566
32583
|
});
|
|
32567
|
-
var templateObject_1$
|
|
32584
|
+
var templateObject_1$a, templateObject_2$7;
|
|
32568
32585
|
|
|
32569
32586
|
var Container$4 = styled$3.div.withConfig({
|
|
32570
32587
|
displayName: "ModalActions__Container",
|
|
32571
32588
|
componentId: "sc-ehph9l-0"
|
|
32572
|
-
})(templateObject_1$
|
|
32589
|
+
})(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n ", "\n"], ["\n display: flex;\n flex-wrap: wrap;\n ", "\n"])), modalTokens.actionsContainer.base);
|
|
32573
32590
|
var ModalActions = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
32574
32591
|
var children = _a.children,
|
|
32575
32592
|
rest = __rest(_a, ["children"]);
|
|
@@ -32582,7 +32599,7 @@ var ModalActions = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
32582
32599
|
children: children
|
|
32583
32600
|
}));
|
|
32584
32601
|
});
|
|
32585
|
-
var templateObject_1$
|
|
32602
|
+
var templateObject_1$9;
|
|
32586
32603
|
|
|
32587
32604
|
var Spacing$4 = ddsBaseTokens.spacing;
|
|
32588
32605
|
var containerBase$1 = {
|
|
@@ -32618,16 +32635,16 @@ var drawerTokens = {
|
|
|
32618
32635
|
var Container$3 = styled$3(Paper).withConfig({
|
|
32619
32636
|
displayName: "Drawer__Container",
|
|
32620
32637
|
componentId: "sc-i9luw3-0"
|
|
32621
|
-
})(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n height: 100%;\n display: flex;\n flex-direction: column-reverse;\n justify-content: flex-end;\n min-width: 300px;\n ", "\n ", "\n z-index: 50;\n ", "\n transition: 0.5s;\n ", "\n &:focus-visible, &.focus-visible {\n ", "\n }\n"], ["\n position: fixed;\n top: 0;\n height: 100%;\n display: flex;\n flex-direction: column-reverse;\n justify-content: flex-end;\n min-width: 300px;\n ", "\n ", "\n z-index: 50;\n ", "\n transition: 0.5s;\n ", "\n &:focus-visible, &.focus-visible {\n ", "\n }\n"])), function (_a) {
|
|
32638
|
+
})(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n height: 100%;\n display: flex;\n flex-direction: column-reverse;\n justify-content: flex-end;\n min-width: 300px;\n ", "\n ", "\n z-index: 50;\n ", "\n transition: transform 0.5s;\n ", "\n &:focus-visible, &.focus-visible {\n ", "\n }\n"], ["\n position: fixed;\n top: 0;\n height: 100%;\n display: flex;\n flex-direction: column-reverse;\n justify-content: flex-end;\n min-width: 300px;\n ", "\n ", "\n z-index: 50;\n ", "\n transition: transform 0.5s;\n ", "\n &:focus-visible, &.focus-visible {\n ", "\n }\n"])), function (_a) {
|
|
32622
32639
|
var size = _a.size;
|
|
32623
|
-
return Ae(templateObject_1$
|
|
32640
|
+
return Ae(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), drawerTokens.container.size[size].base);
|
|
32624
32641
|
}, function (_a) {
|
|
32625
32642
|
var widthProps = _a.widthProps;
|
|
32626
|
-
return widthProps && Ae(templateObject_2$
|
|
32643
|
+
return widthProps && Ae(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), widthProps);
|
|
32627
32644
|
}, function (_a) {
|
|
32628
32645
|
var placement = _a.placement,
|
|
32629
32646
|
isOpen = _a.isOpen;
|
|
32630
|
-
return placement === 'left' ? Ae(templateObject_3$
|
|
32647
|
+
return placement === 'left' ? Ae(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n left: 0;\n transform: ", ";\n "], ["\n left: 0;\n transform: ", ";\n "])), isOpen ? 'translate(0px)' : 'translateX(-100%)') : placement === 'right' ? Ae(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n right: 0;\n transform: ", ";\n "], ["\n right: 0;\n transform: ", ";\n "])), isOpen ? 'translate(0px)' : 'translateX(100%)') : '';
|
|
32631
32648
|
}, drawerTokens.container.base, focusVisible);
|
|
32632
32649
|
var ContentContainer$1 = styled$3.div.withConfig({
|
|
32633
32650
|
displayName: "Drawer__ContentContainer",
|
|
@@ -32712,7 +32729,7 @@ var Drawer = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
32712
32729
|
})]
|
|
32713
32730
|
})), parentElement) : null;
|
|
32714
32731
|
});
|
|
32715
|
-
var templateObject_1$
|
|
32732
|
+
var templateObject_1$8, templateObject_2$6, templateObject_3$4, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8;
|
|
32716
32733
|
|
|
32717
32734
|
var nextUniqueId$4 = 0;
|
|
32718
32735
|
var DrawerGroup = function DrawerGroup(_a) {
|
|
@@ -32770,7 +32787,7 @@ var Colors$2 = ddsBaseTokens.colors,
|
|
|
32770
32787
|
Spacing$3 = ddsBaseTokens.spacing,
|
|
32771
32788
|
OuterShadow = ddsBaseTokens.outerShadow,
|
|
32772
32789
|
Border$1 = ddsBaseTokens.border;
|
|
32773
|
-
var wrapperBase = {
|
|
32790
|
+
var wrapperBase$1 = {
|
|
32774
32791
|
backgroundColor: Colors$2.DdsColorNeutralsWhite,
|
|
32775
32792
|
borderRadius: BorderRadius.RadiiDdsBorderRadius1Radius,
|
|
32776
32793
|
padding: "".concat(Spacing$3.SizesDdsSpacingLocalX075, " ").concat(Spacing$3.SizesDdsSpacingLocalX1, " ").concat(Spacing$3.SizesDdsSpacingLocalX15, " ").concat(Spacing$3.SizesDdsSpacingLocalX1),
|
|
@@ -32787,7 +32804,7 @@ var titleBase = {
|
|
|
32787
32804
|
};
|
|
32788
32805
|
var popoverTokens = {
|
|
32789
32806
|
wrapper: {
|
|
32790
|
-
base: wrapperBase
|
|
32807
|
+
base: wrapperBase$1
|
|
32791
32808
|
},
|
|
32792
32809
|
button: {
|
|
32793
32810
|
base: buttonBase
|
|
@@ -32801,23 +32818,20 @@ var popoverTokens = {
|
|
|
32801
32818
|
};
|
|
32802
32819
|
|
|
32803
32820
|
var Spacing$2 = ddsBaseTokens.spacing;
|
|
32804
|
-
var Wrapper = styled$3.div.withConfig({
|
|
32821
|
+
var Wrapper$1 = styled$3.div.withConfig({
|
|
32805
32822
|
displayName: "Popover__Wrapper",
|
|
32806
32823
|
componentId: "sc-1fecd7e-0"
|
|
32807
|
-
})(templateObject_2$
|
|
32824
|
+
})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n ", "\n box-sizing: border-box;\n position: absolute;\n width: fit-content;\n z-index: 20;\n ", "\n ", "\n"], ["\n ", "\n box-sizing: border-box;\n position: absolute;\n width: fit-content;\n z-index: 20;\n ", "\n ", "\n"])), function (_a) {
|
|
32808
32825
|
var isOpen = _a.isOpen;
|
|
32809
|
-
return isOpen
|
|
32810
|
-
}, function (_a) {
|
|
32811
|
-
var isOpen = _a.isOpen;
|
|
32812
|
-
return isOpen ? 1 : 0;
|
|
32826
|
+
return visibilityTransition(isOpen);
|
|
32813
32827
|
}, popoverTokens.wrapper.base, function (_a) {
|
|
32814
32828
|
var sizeProps = _a.sizeProps;
|
|
32815
|
-
return sizeProps && Ae(templateObject_1$
|
|
32829
|
+
return sizeProps && Ae(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), sizeProps);
|
|
32816
32830
|
});
|
|
32817
32831
|
var TitleContainer = styled$3.div.withConfig({
|
|
32818
32832
|
displayName: "Popover__TitleContainer",
|
|
32819
32833
|
componentId: "sc-1fecd7e-1"
|
|
32820
|
-
})(templateObject_3$
|
|
32834
|
+
})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), popoverTokens.title.base);
|
|
32821
32835
|
var ContentContainer = styled$3.div.withConfig({
|
|
32822
32836
|
displayName: "Popover__ContentContainer",
|
|
32823
32837
|
componentId: "sc-1fecd7e-2"
|
|
@@ -32868,7 +32882,7 @@ var Popover = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
32868
32882
|
role: 'dialog'
|
|
32869
32883
|
});
|
|
32870
32884
|
|
|
32871
|
-
return jsxRuntime.exports.jsxs(Wrapper, __assign({}, wrapperProps, {
|
|
32885
|
+
return jsxRuntime.exports.jsxs(Wrapper$1, __assign({}, wrapperProps, {
|
|
32872
32886
|
children: [title && jsxRuntime.exports.jsx(TitleContainer, {
|
|
32873
32887
|
children: typeof title === 'string' ? jsxRuntime.exports.jsx(Typography, __assign({
|
|
32874
32888
|
typographyType: "headingSans02"
|
|
@@ -32891,7 +32905,7 @@ var Popover = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
32891
32905
|
})]
|
|
32892
32906
|
}));
|
|
32893
32907
|
});
|
|
32894
|
-
var templateObject_1$
|
|
32908
|
+
var templateObject_1$7, templateObject_2$5, templateObject_3$3, templateObject_4, templateObject_5, templateObject_6;
|
|
32895
32909
|
|
|
32896
32910
|
var nextUniqueId$3 = 0;
|
|
32897
32911
|
var PopoverGroup = function PopoverGroup(_a) {
|
|
@@ -33023,15 +33037,15 @@ var toggleButtonTokens = {
|
|
|
33023
33037
|
var Input = styled$3.input.withConfig({
|
|
33024
33038
|
displayName: "ToggleButton__Input",
|
|
33025
33039
|
componentId: "sc-ya01sa-0"
|
|
33026
|
-
})(templateObject_1$
|
|
33040
|
+
})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), hideInput);
|
|
33027
33041
|
var Content = styled$3.span.withConfig({
|
|
33028
33042
|
displayName: "ToggleButton__Content",
|
|
33029
33043
|
componentId: "sc-ya01sa-1"
|
|
33030
|
-
})(templateObject_2$
|
|
33044
|
+
})(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s,\n ", ";\n cursor: pointer;\n ", "\n width: fit-content;\n ", "\n ", "\n ", "\n &::selection, *::selection {\n ", "\n }\n &:hover {\n ", "\n }\n"], ["\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s,\n ", ";\n cursor: pointer;\n ", "\n width: fit-content;\n ", "\n ", "\n ", "\n &::selection, *::selection {\n ", "\n }\n &:hover {\n ", "\n }\n"])), focusVisibleTransitionValue, buttonTokens.base, buttonTokens.appearance.rounded.base, buttonTokens.sizes.small.text.base, toggleButtonTokens.base, typographyTokens.selection.base, toggleButtonTokens.hover.base);
|
|
33031
33045
|
var Container$2 = styled$3.label.withConfig({
|
|
33032
33046
|
displayName: "ToggleButton__Container",
|
|
33033
33047
|
componentId: "sc-ya01sa-2"
|
|
33034
|
-
})(templateObject_3$
|
|
33048
|
+
})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n width: fit-content;\n ", ":checked + ", " {\n ", "\n }\n ", ":checked + ", ":hover {\n ", "\n }\n ", ":focus-visible + ", " {\n ", "\n }\n"], ["\n width: fit-content;\n ", ":checked + ", " {\n ", "\n }\n ", ":checked + ", ":hover {\n ", "\n }\n ", ":focus-visible + ", " {\n ", "\n }\n"])), Input, Content, toggleButtonTokens.checked.base, Input, Content, toggleButtonTokens.checked.hover.base, Input, Content, toggleButtonTokens.focus.base);
|
|
33035
33049
|
var nextUniqueId$2 = 0;
|
|
33036
33050
|
var ToggleButton = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
33037
33051
|
var id = _a.id,
|
|
@@ -33059,19 +33073,19 @@ var ToggleButton = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
33059
33073
|
})]
|
|
33060
33074
|
}));
|
|
33061
33075
|
});
|
|
33062
|
-
var templateObject_1$
|
|
33076
|
+
var templateObject_1$6, templateObject_2$4, templateObject_3$2;
|
|
33063
33077
|
|
|
33064
33078
|
var Group = styled$3.div.withConfig({
|
|
33065
33079
|
displayName: "ToggleButtonGroup__Group",
|
|
33066
33080
|
componentId: "sc-14ijdag-0"
|
|
33067
|
-
})(templateObject_2$
|
|
33081
|
+
})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), toggleButtonTokens.group.base, function (_a) {
|
|
33068
33082
|
var direction = _a.direction;
|
|
33069
|
-
return Ae(templateObject_1$
|
|
33083
|
+
return Ae(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n flex-direction: ", ";\n "], ["\n flex-direction: ", ";\n "])), direction);
|
|
33070
33084
|
});
|
|
33071
33085
|
var Container$1 = styled$3.div.withConfig({
|
|
33072
33086
|
displayName: "ToggleButtonGroup__Container",
|
|
33073
33087
|
componentId: "sc-14ijdag-1"
|
|
33074
|
-
})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), toggleButtonTokens.container.base);
|
|
33088
|
+
})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), toggleButtonTokens.container.base);
|
|
33075
33089
|
var nextUniqueId$1 = 0;
|
|
33076
33090
|
var ToggleButtonGroup = function ToggleButtonGroup(_a) {
|
|
33077
33091
|
var children = _a.children,
|
|
@@ -33103,7 +33117,7 @@ var ToggleButtonGroup = function ToggleButtonGroup(_a) {
|
|
|
33103
33117
|
}))]
|
|
33104
33118
|
}));
|
|
33105
33119
|
};
|
|
33106
|
-
var templateObject_1$
|
|
33120
|
+
var templateObject_1$5, templateObject_2$3, templateObject_3$1;
|
|
33107
33121
|
|
|
33108
33122
|
var TabsContext = /*#__PURE__*/createContext({
|
|
33109
33123
|
activeTab: 0,
|
|
@@ -33127,7 +33141,7 @@ var useTabsContext = function useTabsContext() {
|
|
|
33127
33141
|
var Container = styled$3.div.withConfig({
|
|
33128
33142
|
displayName: "Tabs__Container",
|
|
33129
33143
|
componentId: "sc-7ta5g2-0"
|
|
33130
|
-
})(templateObject_1$
|
|
33144
|
+
})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject([""], [""])));
|
|
33131
33145
|
var nextUniqueId = 0;
|
|
33132
33146
|
var Tabs = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
33133
33147
|
var id = _a.id,
|
|
@@ -33179,7 +33193,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
33179
33193
|
children: jsxRuntime.exports.jsx(Container, __assign({}, containerProps))
|
|
33180
33194
|
}));
|
|
33181
33195
|
});
|
|
33182
|
-
var templateObject_1$
|
|
33196
|
+
var templateObject_1$4;
|
|
33183
33197
|
|
|
33184
33198
|
var Border = ddsBaseTokens.border,
|
|
33185
33199
|
Spacing = ddsBaseTokens.spacing,
|
|
@@ -33236,6 +33250,9 @@ var tabFocusBase = __assign(__assign({}, focusVisible), {
|
|
|
33236
33250
|
var tabPanelBase = {
|
|
33237
33251
|
padding: Spacing.SizesDdsSpacingLocalX025
|
|
33238
33252
|
};
|
|
33253
|
+
|
|
33254
|
+
var tabPanelFocusVisibleBase = __assign({}, focusVisible);
|
|
33255
|
+
|
|
33239
33256
|
var tabsTokens = {
|
|
33240
33257
|
tabList: {
|
|
33241
33258
|
base: tabListBase,
|
|
@@ -33267,14 +33284,17 @@ var tabsTokens = {
|
|
|
33267
33284
|
}
|
|
33268
33285
|
},
|
|
33269
33286
|
panel: {
|
|
33270
|
-
base: tabPanelBase
|
|
33287
|
+
base: tabPanelBase,
|
|
33288
|
+
focusVisible: {
|
|
33289
|
+
base: tabPanelFocusVisibleBase
|
|
33290
|
+
}
|
|
33271
33291
|
}
|
|
33272
33292
|
};
|
|
33273
33293
|
|
|
33274
33294
|
var Button = styled$3.button.withConfig({
|
|
33275
33295
|
displayName: "Tab__Button",
|
|
33276
33296
|
componentId: "sc-1dd8soq-0"
|
|
33277
|
-
})(templateObject_2$
|
|
33297
|
+
})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n transition: box-shadow 0.2s, border-bottom 0.2s, color 0.2s,\n ", ";\n ", "\n width: ", ";\n\n ", ";\n\n ", "\n\n &:focus-visible {\n ", "\n }\n\n &:hover {\n ", "\n }\n"], ["\n transition: box-shadow 0.2s, border-bottom 0.2s, color 0.2s,\n ", ";\n ", "\n width: ", ";\n\n ", ";\n\n ", "\n\n &:focus-visible {\n ", "\n }\n\n &:hover {\n ", "\n }\n"])), focusVisibleTransitionValue, tabsTokens.tab.base, function (_a) {
|
|
33278
33298
|
var width = _a.width;
|
|
33279
33299
|
return width;
|
|
33280
33300
|
}, function (_a) {
|
|
@@ -33282,7 +33302,7 @@ var Button = styled$3.button.withConfig({
|
|
|
33282
33302
|
return tabsTokens.tab.direction[direction].base;
|
|
33283
33303
|
}, function (_a) {
|
|
33284
33304
|
var active = _a.active;
|
|
33285
|
-
return active && Ae(templateObject_1$
|
|
33305
|
+
return active && Ae(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), tabsTokens.tab.active.base);
|
|
33286
33306
|
}, tabsTokens.tab.focus.base, tabsTokens.tab.hover.base);
|
|
33287
33307
|
var Tab = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
33288
33308
|
var _b = _a.active,
|
|
@@ -33359,12 +33379,12 @@ var Tab = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
33359
33379
|
})]
|
|
33360
33380
|
}));
|
|
33361
33381
|
});
|
|
33362
|
-
var templateObject_1$
|
|
33382
|
+
var templateObject_1$3, templateObject_2$2;
|
|
33363
33383
|
|
|
33364
33384
|
var TabRow = styled$3.div.withConfig({
|
|
33365
33385
|
displayName: "TabList__TabRow",
|
|
33366
33386
|
componentId: "sc-1ldr0lz-0"
|
|
33367
|
-
})(templateObject_1$
|
|
33387
|
+
})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n ", "\n ", "\n scroll-snap-type: x mandatory;\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n &:focus-visible {\n ", "\n }\n &:focus-visible button {\n outline: none;\n }\n"], ["\n ", "\n ", "\n scroll-snap-type: x mandatory;\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n &:focus-visible {\n ", "\n }\n &:focus-visible button {\n outline: none;\n }\n"])), tabsTokens.tabList.base, scrollbarStyling, tabsTokens.tabList.focus.base);
|
|
33368
33388
|
var TabList = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
33369
33389
|
var children = _a.children,
|
|
33370
33390
|
id = _a.id,
|
|
@@ -33429,15 +33449,15 @@ var TabList = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
33429
33449
|
children: tabListChildren
|
|
33430
33450
|
}));
|
|
33431
33451
|
});
|
|
33432
|
-
var templateObject_1$
|
|
33452
|
+
var templateObject_1$2;
|
|
33433
33453
|
|
|
33434
33454
|
var Panel = styled$3.div.withConfig({
|
|
33435
33455
|
displayName: "TabPanel__Panel",
|
|
33436
33456
|
componentId: "sc-vkzivq-0"
|
|
33437
|
-
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n transition:
|
|
33457
|
+
})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n transition: ", ";\n ", "\n ", "\n &:focus-visible {\n ", "\n }\n"], ["\n transition: ", ";\n ", "\n ", "\n &:focus-visible {\n ", "\n }\n"])), focusVisibleTransitionValue, tabsTokens.panel.base, function (_a) {
|
|
33438
33458
|
var active = _a.active;
|
|
33439
|
-
return !active && Ae(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: none;\n "], ["\n display: none;\n "])));
|
|
33440
|
-
}, focusVisible);
|
|
33459
|
+
return !active && Ae(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n display: none;\n "], ["\n display: none;\n "])));
|
|
33460
|
+
}, tabsTokens.panel.focusVisible.base);
|
|
33441
33461
|
var TabPanel = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
33442
33462
|
var _b = _a.active,
|
|
33443
33463
|
active = _b === void 0 ? false : _b,
|
|
@@ -33455,7 +33475,7 @@ var TabPanel = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
33455
33475
|
children: children
|
|
33456
33476
|
}));
|
|
33457
33477
|
});
|
|
33458
|
-
var templateObject_1, templateObject_2;
|
|
33478
|
+
var templateObject_1$1, templateObject_2$1;
|
|
33459
33479
|
|
|
33460
33480
|
var TabPanels = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
33461
33481
|
var children = _a.children,
|
|
@@ -33483,4 +33503,89 @@ var TabPanels = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
33483
33503
|
}));
|
|
33484
33504
|
});
|
|
33485
33505
|
|
|
33486
|
-
|
|
33506
|
+
var colors = ddsBaseTokens.colors,
|
|
33507
|
+
borderRadius = ddsBaseTokens.borderRadius,
|
|
33508
|
+
spacing = ddsBaseTokens.spacing;
|
|
33509
|
+
var wrapperBase = {
|
|
33510
|
+
border: '1px solid',
|
|
33511
|
+
borderRadius: borderRadius.RadiiDdsBorderRadius1Radius,
|
|
33512
|
+
padding: "".concat(spacing.SizesDdsSpacingLocalX0125, " ").concat(spacing.SizesDdsSpacingLocalX025),
|
|
33513
|
+
maxWidth: '100%',
|
|
33514
|
+
display: 'inline-flex',
|
|
33515
|
+
alignItems: 'center'
|
|
33516
|
+
};
|
|
33517
|
+
var innerBase = {
|
|
33518
|
+
whiteSpace: 'nowrap',
|
|
33519
|
+
overflow: 'hidden',
|
|
33520
|
+
textOverflow: 'ellipsis'
|
|
33521
|
+
};
|
|
33522
|
+
var defaultBase = {
|
|
33523
|
+
backgroundColor: colors.DdsColorNeutralsGray1,
|
|
33524
|
+
borderColor: colors.DdsColorNeutralsGray3
|
|
33525
|
+
};
|
|
33526
|
+
|
|
33527
|
+
var successBase = __assign({}, localMessageTokens.container.success.base);
|
|
33528
|
+
|
|
33529
|
+
var warningBase = __assign({}, localMessageTokens.container.warning.base);
|
|
33530
|
+
|
|
33531
|
+
var dangerBase = __assign({}, localMessageTokens.container.danger.base);
|
|
33532
|
+
|
|
33533
|
+
var infoBase = __assign({}, localMessageTokens.container.info.base);
|
|
33534
|
+
|
|
33535
|
+
var tagTokens = {
|
|
33536
|
+
wrapper: {
|
|
33537
|
+
base: wrapperBase,
|
|
33538
|
+
type: {
|
|
33539
|
+
success: {
|
|
33540
|
+
base: successBase
|
|
33541
|
+
},
|
|
33542
|
+
warning: {
|
|
33543
|
+
base: warningBase
|
|
33544
|
+
},
|
|
33545
|
+
danger: {
|
|
33546
|
+
base: dangerBase
|
|
33547
|
+
},
|
|
33548
|
+
"default": {
|
|
33549
|
+
base: defaultBase
|
|
33550
|
+
},
|
|
33551
|
+
info: {
|
|
33552
|
+
base: infoBase
|
|
33553
|
+
}
|
|
33554
|
+
}
|
|
33555
|
+
},
|
|
33556
|
+
inner: {
|
|
33557
|
+
base: innerBase
|
|
33558
|
+
}
|
|
33559
|
+
};
|
|
33560
|
+
|
|
33561
|
+
var Wrapper = styled$3(Typography).withConfig({
|
|
33562
|
+
displayName: "Tag__Wrapper",
|
|
33563
|
+
componentId: "sc-rdxtch-0"
|
|
33564
|
+
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), tagTokens.wrapper.base, function (_a) {
|
|
33565
|
+
var purpose = _a.purpose;
|
|
33566
|
+
return Ae(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), tagTokens.wrapper.type[purpose].base);
|
|
33567
|
+
});
|
|
33568
|
+
var Inner = styled$3.span.withConfig({
|
|
33569
|
+
displayName: "Tag__Inner",
|
|
33570
|
+
componentId: "sc-rdxtch-1"
|
|
33571
|
+
})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), tagTokens.inner.base);
|
|
33572
|
+
var Tag = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
33573
|
+
var text = _a.text,
|
|
33574
|
+
_b = _a.purpose,
|
|
33575
|
+
purpose = _b === void 0 ? 'default' : _b,
|
|
33576
|
+
rest = __rest(_a, ["text", "purpose"]);
|
|
33577
|
+
|
|
33578
|
+
return jsxRuntime.exports.jsx(Wrapper, __assign({
|
|
33579
|
+
forwardedAs: "span",
|
|
33580
|
+
typographyType: "bodySans01",
|
|
33581
|
+
ref: ref,
|
|
33582
|
+
purpose: purpose
|
|
33583
|
+
}, rest, {
|
|
33584
|
+
children: jsxRuntime.exports.jsx(Inner, {
|
|
33585
|
+
children: text
|
|
33586
|
+
})
|
|
33587
|
+
}));
|
|
33588
|
+
});
|
|
33589
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
33590
|
+
|
|
33591
|
+
export { Body$1 as Body, Breadcrumb, Breadcrumbs, Button$1 as Button, Card, CardAccordion, CardAccordionBody, CardAccordionHeader, Cell, Checkbox, CheckboxGroup, Container$8 as Container, Datepicker, DescriptionList, DescriptionListDesc, DescriptionListGroup, DescriptionListTerm, Divider, Drawer, DrawerGroup, Foot, GlobalMessage, Head, IconWrapper$1 as IconWrapper, InputMessage, InternalHeader, List, ListItem, LocalMessage, Modal, ModalActions, ModalBody, OverflowMenu, OverflowMenuGroup, OverflowMenuList, Pagination, Popover, PopoverGroup, RadioButton, RadioButtonGroup, Row, Search, Select, SkipToContent, SortCell, Spinner, Tab, TabList, TabPanel, TabPanels, Table, TableWrapper, Tabs, Tag, TextInput, ToggleButton, ToggleButtonGroup, Tooltip, Typography, getTextColor, isTextColor, searchFilter };
|