@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.js
CHANGED
|
@@ -3052,7 +3052,7 @@ var DdsColorInfoDark = "rgba(94, 148, 184, 1)";
|
|
|
3052
3052
|
var DdsColorInfoDarker = "rgba(70, 111, 138, 1)";
|
|
3053
3053
|
var DdsColorInfoDarkest = "rgba(47, 74, 92, 1)";
|
|
3054
3054
|
|
|
3055
|
-
var colors$
|
|
3055
|
+
var colors$2 = /*#__PURE__*/Object.freeze({
|
|
3056
3056
|
__proto__: null,
|
|
3057
3057
|
DdsColorPrimaryLightest: DdsColorPrimaryLightest,
|
|
3058
3058
|
DdsColorPrimaryLighter: DdsColorPrimaryLighter,
|
|
@@ -4076,7 +4076,7 @@ var RadiiDdsBorderRadius3RadiiBottomRightNumberPx = 8;
|
|
|
4076
4076
|
var RadiiDdsBorderRadius3RadiiBottomLeft = "8px";
|
|
4077
4077
|
var RadiiDdsBorderRadius3RadiiBottomLeftNumberPx = 8;
|
|
4078
4078
|
|
|
4079
|
-
var borderRadius$
|
|
4079
|
+
var borderRadius$3 = /*#__PURE__*/Object.freeze({
|
|
4080
4080
|
__proto__: null,
|
|
4081
4081
|
RadiiDdsBorderRadius1Radius: RadiiDdsBorderRadius1Radius,
|
|
4082
4082
|
RadiiDdsBorderRadius1RadiusNumberPx: RadiiDdsBorderRadius1RadiusNumberPx,
|
|
@@ -4211,7 +4211,7 @@ var SpacingDdsSpacingPaddingTopHeadingSans08BottomNumberPx = 0;
|
|
|
4211
4211
|
var SpacingDdsSpacingPaddingTopHeadingSans08Left = "0px";
|
|
4212
4212
|
var SpacingDdsSpacingPaddingTopHeadingSans08LeftNumberPx = 0;
|
|
4213
4213
|
|
|
4214
|
-
var spacing$
|
|
4214
|
+
var spacing$3 = /*#__PURE__*/Object.freeze({
|
|
4215
4215
|
__proto__: null,
|
|
4216
4216
|
SizesDdsSpacingLocalX3: SizesDdsSpacingLocalX3,
|
|
4217
4217
|
SizesDdsSpacingLocalX3NumberPx: SizesDdsSpacingLocalX3NumberPx,
|
|
@@ -12182,12 +12182,12 @@ var fontPackages = {
|
|
|
12182
12182
|
};
|
|
12183
12183
|
|
|
12184
12184
|
var ddsBaseTokens = {
|
|
12185
|
-
colors: colors$
|
|
12185
|
+
colors: colors$2,
|
|
12186
12186
|
font: font,
|
|
12187
12187
|
breakpoints: breakpoints$1,
|
|
12188
12188
|
border: border$1,
|
|
12189
|
-
borderRadius: borderRadius$
|
|
12190
|
-
spacing: spacing$
|
|
12189
|
+
borderRadius: borderRadius$3,
|
|
12190
|
+
spacing: spacing$3,
|
|
12191
12191
|
iconSizes: iconSizes,
|
|
12192
12192
|
grid: grid$2,
|
|
12193
12193
|
innerShadow: innerShadow,
|
|
@@ -12248,6 +12248,11 @@ var removeButtonStyling = {
|
|
|
12248
12248
|
outline: 'inherit'
|
|
12249
12249
|
};
|
|
12250
12250
|
|
|
12251
|
+
var visibilityTransition = function visibilityTransition(open) {
|
|
12252
|
+
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);
|
|
12253
|
+
};
|
|
12254
|
+
var templateObject_1$_;
|
|
12255
|
+
|
|
12251
12256
|
var Border$i = ddsBaseTokens.border,
|
|
12252
12257
|
Colors$t = ddsBaseTokens.colors;
|
|
12253
12258
|
var outlineOffset = '2px';
|
|
@@ -12259,6 +12264,7 @@ var focusVisibleOnDark = {
|
|
|
12259
12264
|
outline: "".concat(Border$i.BordersDdsBorderFocusOndarkStrokeWeight, " ").concat(Border$i.BordersDdsBorderFocusOndarkStroke, " solid"),
|
|
12260
12265
|
outlineOffset: outlineOffset
|
|
12261
12266
|
};
|
|
12267
|
+
var focusVisibleTransitionValue = 'outline-offset 0.2s';
|
|
12262
12268
|
var focusVisibleLink = {
|
|
12263
12269
|
outline: 'none',
|
|
12264
12270
|
backgroundColor: Border$i.BordersDdsBorderFocusBaseStroke,
|
|
@@ -12271,6 +12277,7 @@ var focusVisibleLink = {
|
|
|
12271
12277
|
color: Colors$t.DdsColorNeutralsGray9,
|
|
12272
12278
|
textDecoration: 'none'
|
|
12273
12279
|
});
|
|
12280
|
+
var focusVisibleLinkTransitionValue = 'background-color 0.2s, text-decoration 0.2s, color 0.2s';
|
|
12274
12281
|
var focusVisibleWithBorder = {
|
|
12275
12282
|
outline: 'none',
|
|
12276
12283
|
borderColor: Border$i.BordersDdsBorderFocusCardStroke,
|
|
@@ -12329,8 +12336,8 @@ var hideInput = {
|
|
|
12329
12336
|
margin: 0
|
|
12330
12337
|
};
|
|
12331
12338
|
|
|
12332
|
-
var scrollbarStyling = Ae(templateObject_1$
|
|
12333
|
-
var templateObject_1$
|
|
12339
|
+
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)');
|
|
12340
|
+
var templateObject_1$Z;
|
|
12334
12341
|
|
|
12335
12342
|
var Colors$p = ddsBaseTokens.colors,
|
|
12336
12343
|
FontPackages$k = ddsBaseTokens.fontPackages,
|
|
@@ -17897,15 +17904,15 @@ process.env.NODE_ENV !== 'production' ? paddingKeys.reduce((obj, key) => {
|
|
|
17897
17904
|
return obj;
|
|
17898
17905
|
}, {}) : {};
|
|
17899
17906
|
|
|
17900
|
-
function spacing$
|
|
17907
|
+
function spacing$2(props) {
|
|
17901
17908
|
return style(props, spacingKeys);
|
|
17902
17909
|
}
|
|
17903
17910
|
|
|
17904
|
-
spacing$
|
|
17911
|
+
spacing$2.propTypes = process.env.NODE_ENV !== 'production' ? spacingKeys.reduce((obj, key) => {
|
|
17905
17912
|
obj[key] = responsivePropType$1;
|
|
17906
17913
|
return obj;
|
|
17907
17914
|
}, {}) : {};
|
|
17908
|
-
spacing$
|
|
17915
|
+
spacing$2.filterProps = spacingKeys;
|
|
17909
17916
|
|
|
17910
17917
|
function getBorder(value) {
|
|
17911
17918
|
if (typeof value !== 'number') {
|
|
@@ -17960,7 +17967,7 @@ const borderLeftColor = style$1({
|
|
|
17960
17967
|
prop: 'borderLeftColor',
|
|
17961
17968
|
themeKey: 'palette'
|
|
17962
17969
|
});
|
|
17963
|
-
const borderRadius$
|
|
17970
|
+
const borderRadius$2 = props => {
|
|
17964
17971
|
if (props.borderRadius !== undefined && props.borderRadius !== null) {
|
|
17965
17972
|
const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');
|
|
17966
17973
|
|
|
@@ -17973,11 +17980,11 @@ const borderRadius$1 = props => {
|
|
|
17973
17980
|
|
|
17974
17981
|
return null;
|
|
17975
17982
|
};
|
|
17976
|
-
borderRadius$
|
|
17983
|
+
borderRadius$2.propTypes = process.env.NODE_ENV !== 'production' ? {
|
|
17977
17984
|
borderRadius: responsivePropType$1
|
|
17978
17985
|
} : {};
|
|
17979
|
-
borderRadius$
|
|
17980
|
-
const borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor$1, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius$
|
|
17986
|
+
borderRadius$2.filterProps = ['borderRadius'];
|
|
17987
|
+
const borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor$1, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius$2);
|
|
17981
17988
|
var borders$1 = borders;
|
|
17982
17989
|
|
|
17983
17990
|
const displayPrint = style$1({
|
|
@@ -18274,7 +18281,7 @@ const filterPropsMapping = {
|
|
|
18274
18281
|
palette: palette$1.filterProps,
|
|
18275
18282
|
shadows: shadows$2.filterProps,
|
|
18276
18283
|
sizing: sizing$1.filterProps,
|
|
18277
|
-
spacing: spacing$
|
|
18284
|
+
spacing: spacing$2.filterProps,
|
|
18278
18285
|
typography: typography$1.filterProps
|
|
18279
18286
|
};
|
|
18280
18287
|
const styleFunctionMapping = {
|
|
@@ -18286,7 +18293,7 @@ const styleFunctionMapping = {
|
|
|
18286
18293
|
palette: palette$1,
|
|
18287
18294
|
shadows: shadows$2,
|
|
18288
18295
|
sizing: sizing$1,
|
|
18289
|
-
spacing: spacing$
|
|
18296
|
+
spacing: spacing$2,
|
|
18290
18297
|
typography: typography$1
|
|
18291
18298
|
};
|
|
18292
18299
|
Object.keys(filterPropsMapping).reduce((acc, styleFnName) => {
|
|
@@ -20203,13 +20210,13 @@ var getTextColor = function getTextColor(color) {
|
|
|
20203
20210
|
};
|
|
20204
20211
|
|
|
20205
20212
|
var getElementStyling = function getElementStyling(type) {
|
|
20206
|
-
return Ae(templateObject_1$
|
|
20213
|
+
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);
|
|
20207
20214
|
};
|
|
20208
20215
|
|
|
20209
20216
|
var LinkIconWrapper = styled$3(IconWrapper$1).withConfig({
|
|
20210
20217
|
displayName: "Typography__LinkIconWrapper",
|
|
20211
20218
|
componentId: "sc-1uvxoh6-0"
|
|
20212
|
-
})(templateObject_2$
|
|
20219
|
+
})(templateObject_2$I || (templateObject_2$I = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typographyTokens.typographyType.a.icon);
|
|
20213
20220
|
var StyledTypography = styled$3.p.withConfig({
|
|
20214
20221
|
displayName: "Typography__StyledTypography",
|
|
20215
20222
|
componentId: "sc-1uvxoh6-1"
|
|
@@ -20219,7 +20226,7 @@ var StyledTypography = styled$3.p.withConfig({
|
|
|
20219
20226
|
}, function (_a) {
|
|
20220
20227
|
var typographyType = _a.typographyType,
|
|
20221
20228
|
interactionProps = _a.interactionProps;
|
|
20222
|
-
return typographyType === 'a' && Ae(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n transition:
|
|
20229
|
+
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);
|
|
20223
20230
|
}, function (_a) {
|
|
20224
20231
|
var interactionProps = _a.interactionProps;
|
|
20225
20232
|
return interactionProps && interactionProps.hover && Ae(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n &:hover {\n ", "\n }\n "], ["\n &:hover {\n ", "\n }\n "])), interactionProps.hover);
|
|
@@ -20270,7 +20277,7 @@ var Typography = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
20270
20277
|
}) : '']
|
|
20271
20278
|
}));
|
|
20272
20279
|
});
|
|
20273
|
-
var templateObject_1$
|
|
20280
|
+
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;
|
|
20274
20281
|
|
|
20275
20282
|
var RadioButtonGroupContext = /*#__PURE__*/React__default["default"].createContext(null);
|
|
20276
20283
|
var useRadioButtonGroup = function useRadioButtonGroup() {
|
|
@@ -20378,7 +20385,7 @@ var radioButtonTokens = {
|
|
|
20378
20385
|
var CustomRadioButton = styled$3.span.withConfig({
|
|
20379
20386
|
displayName: "RadioButtonstyles__CustomRadioButton",
|
|
20380
20387
|
componentId: "sc-iwypha-0"
|
|
20381
|
-
})(templateObject_1$
|
|
20388
|
+
})(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);
|
|
20382
20389
|
var Input$6 = styled$3.input.attrs(function (_a) {
|
|
20383
20390
|
var _b = _a.type,
|
|
20384
20391
|
type = _b === void 0 ? 'radio' : _b;
|
|
@@ -20388,13 +20395,13 @@ var Input$6 = styled$3.input.attrs(function (_a) {
|
|
|
20388
20395
|
}).withConfig({
|
|
20389
20396
|
displayName: "RadioButtonstyles__Input",
|
|
20390
20397
|
componentId: "sc-iwypha-1"
|
|
20391
|
-
})(templateObject_2$
|
|
20398
|
+
})(templateObject_2$H || (templateObject_2$H = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), hideInput);
|
|
20392
20399
|
var Container$i = styled$3.label.withConfig({
|
|
20393
20400
|
displayName: "RadioButtonstyles__Container",
|
|
20394
20401
|
componentId: "sc-iwypha-2"
|
|
20395
|
-
})(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) {
|
|
20402
|
+
})(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) {
|
|
20396
20403
|
var error = _a.error;
|
|
20397
|
-
return error && Ae(templateObject_3$
|
|
20404
|
+
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);
|
|
20398
20405
|
}, function (_a) {
|
|
20399
20406
|
var disabled = _a.disabled;
|
|
20400
20407
|
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);
|
|
@@ -20402,7 +20409,7 @@ var Container$i = styled$3.label.withConfig({
|
|
|
20402
20409
|
var readOnly = _a.readOnly;
|
|
20403
20410
|
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);
|
|
20404
20411
|
}, CustomRadioButton, radioButtonTokens.checkmark.base);
|
|
20405
|
-
var templateObject_1$
|
|
20412
|
+
var templateObject_1$X, templateObject_2$H, templateObject_3$u, templateObject_4$o, templateObject_5$f, templateObject_6$e;
|
|
20406
20413
|
|
|
20407
20414
|
var nextUniqueId$h = 0;
|
|
20408
20415
|
|
|
@@ -20490,11 +20497,11 @@ var changeRGBAAlpha = function changeRGBAAlpha(value, alpha) {
|
|
|
20490
20497
|
var Backdrop = styled$3.div.withConfig({
|
|
20491
20498
|
displayName: "Backdrop",
|
|
20492
20499
|
componentId: "sc-vimg90-0"
|
|
20493
|
-
})(templateObject_1$
|
|
20500
|
+
})(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) {
|
|
20494
20501
|
var isOpen = _a.isOpen;
|
|
20495
20502
|
return isOpen ? 1 : 0;
|
|
20496
20503
|
});
|
|
20497
|
-
var templateObject_1$
|
|
20504
|
+
var templateObject_1$W;
|
|
20498
20505
|
|
|
20499
20506
|
var isVerticalScrollbarDisplayed = function isVerticalScrollbarDisplayed(container) {
|
|
20500
20507
|
return container.clientHeight > window.innerHeight;
|
|
@@ -20514,18 +20521,18 @@ function handleElementWithBackdropUnmount(container) {
|
|
|
20514
20521
|
var SvgChevron = styled$3.svg.withConfig({
|
|
20515
20522
|
displayName: "AnimatedChevronUpDownstyles__SvgChevron",
|
|
20516
20523
|
componentId: "sc-yey4nu-0"
|
|
20517
|
-
})(templateObject_1$
|
|
20524
|
+
})(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"])));
|
|
20518
20525
|
var SvgChevronlGroup = styled$3.g.withConfig({
|
|
20519
20526
|
displayName: "AnimatedChevronUpDownstyles__SvgChevronlGroup",
|
|
20520
20527
|
componentId: "sc-yey4nu-1"
|
|
20521
|
-
})(templateObject_2$
|
|
20528
|
+
})(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) {
|
|
20522
20529
|
var isUp = _a.isUp;
|
|
20523
20530
|
return isUp ? 'translateY(3px)' : 'translateY(0)';
|
|
20524
20531
|
});
|
|
20525
20532
|
var SvgChevronlLeft = styled$3.path.withConfig({
|
|
20526
20533
|
displayName: "AnimatedChevronUpDownstyles__SvgChevronlLeft",
|
|
20527
20534
|
componentId: "sc-yey4nu-2"
|
|
20528
|
-
})(templateObject_3$
|
|
20535
|
+
})(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) {
|
|
20529
20536
|
var isUp = _a.isUp;
|
|
20530
20537
|
return isUp ? 'rotate(-90deg) translateY(0)' : 'rotate(0) translateY(0)';
|
|
20531
20538
|
});
|
|
@@ -20536,7 +20543,7 @@ var SvgChevronlRight = styled$3.path.withConfig({
|
|
|
20536
20543
|
var isUp = _a.isUp;
|
|
20537
20544
|
return isUp ? 'rotate(90deg) translateY(0)' : 'rotate(0) translateY(0)';
|
|
20538
20545
|
});
|
|
20539
|
-
var templateObject_1$
|
|
20546
|
+
var templateObject_1$V, templateObject_2$G, templateObject_3$t, templateObject_4$n;
|
|
20540
20547
|
|
|
20541
20548
|
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';
|
|
20542
20549
|
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';
|
|
@@ -20664,16 +20671,16 @@ var focusBase$5 = __assign({}, focusInputfield);
|
|
|
20664
20671
|
var hoverBase$2 = __assign({}, hoverInputfield);
|
|
20665
20672
|
|
|
20666
20673
|
var inputFieldStylingBase = function inputFieldStylingBase() {
|
|
20667
|
-
return Ae(templateObject_1$
|
|
20674
|
+
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);
|
|
20668
20675
|
};
|
|
20669
|
-
var templateObject_1$
|
|
20676
|
+
var templateObject_1$U;
|
|
20670
20677
|
|
|
20671
20678
|
var inputStyling = function inputStyling(_a) {
|
|
20672
20679
|
var readOnly = _a.readOnly,
|
|
20673
20680
|
hasLabel = _a.hasLabel,
|
|
20674
20681
|
disabled = _a.disabled,
|
|
20675
20682
|
hasErrorMessage = _a.hasErrorMessage;
|
|
20676
|
-
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$
|
|
20683
|
+
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));
|
|
20677
20684
|
};
|
|
20678
20685
|
var Input$5 = styled$3.input.withConfig({
|
|
20679
20686
|
displayName: "Inputstyles__Input",
|
|
@@ -20708,7 +20715,7 @@ var OuterInputContainer = styled$3.div.withConfig({
|
|
|
20708
20715
|
var width = _a.width;
|
|
20709
20716
|
return width;
|
|
20710
20717
|
});
|
|
20711
|
-
var templateObject_1$
|
|
20718
|
+
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;
|
|
20712
20719
|
|
|
20713
20720
|
var Colors$m = ddsBaseTokens.colors,
|
|
20714
20721
|
BorderRadius$8 = ddsBaseTokens.borderRadius,
|
|
@@ -20727,19 +20734,19 @@ var paperTokens = {
|
|
|
20727
20734
|
var Paper = styled$3.div.withConfig({
|
|
20728
20735
|
displayName: "Paper",
|
|
20729
20736
|
componentId: "sc-mrbi8q-0"
|
|
20730
|
-
})(templateObject_1$
|
|
20731
|
-
var templateObject_1$
|
|
20737
|
+
})(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);
|
|
20738
|
+
var templateObject_1$S;
|
|
20732
20739
|
|
|
20733
20740
|
var MarkerWrapper = styled$3.span.withConfig({
|
|
20734
20741
|
displayName: "RequiredMarker__MarkerWrapper",
|
|
20735
20742
|
componentId: "sc-1r1e9ds-0"
|
|
20736
|
-
})(templateObject_1$
|
|
20743
|
+
})(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), ddsBaseTokens.colors.DdsColorDangerBase);
|
|
20737
20744
|
var RequiredMarker = function RequiredMarker() {
|
|
20738
20745
|
return jsxRuntime.exports.jsx(MarkerWrapper, {
|
|
20739
20746
|
children: "*"
|
|
20740
20747
|
});
|
|
20741
20748
|
};
|
|
20742
|
-
var templateObject_1$
|
|
20749
|
+
var templateObject_1$R;
|
|
20743
20750
|
|
|
20744
20751
|
var ReportProblemOutlined = {};
|
|
20745
20752
|
|
|
@@ -20790,9 +20797,9 @@ var inputMessageTokens = {
|
|
|
20790
20797
|
var InputMessageWrapper = styled$3.div.withConfig({
|
|
20791
20798
|
displayName: "InputMessage__InputMessageWrapper",
|
|
20792
20799
|
componentId: "sc-c954fy-0"
|
|
20793
|
-
})(templateObject_2$
|
|
20800
|
+
})(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) {
|
|
20794
20801
|
var messageType = _a.messageType;
|
|
20795
|
-
return messageType && Ae(templateObject_1$
|
|
20802
|
+
return messageType && Ae(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), inputMessageTokens[messageType].base);
|
|
20796
20803
|
}, inputMessageTokens.icon.spaceRight);
|
|
20797
20804
|
var InputMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
20798
20805
|
var message = _a.message,
|
|
@@ -20819,7 +20826,7 @@ var InputMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
20819
20826
|
}))]
|
|
20820
20827
|
}));
|
|
20821
20828
|
});
|
|
20822
|
-
var templateObject_1$
|
|
20829
|
+
var templateObject_1$Q, templateObject_2$E;
|
|
20823
20830
|
|
|
20824
20831
|
var Spacing$v = ddsBaseTokens.spacing;
|
|
20825
20832
|
var groupContainerRowBase$1 = {
|
|
@@ -20884,13 +20891,13 @@ var calculateHeightWithLineHeight = function calculateHeightWithLineHeight(lineH
|
|
|
20884
20891
|
var Container$h = styled$3.div.withConfig({
|
|
20885
20892
|
displayName: "RadioButtonGroup__Container",
|
|
20886
20893
|
componentId: "sc-1xsll60-0"
|
|
20887
|
-
})(templateObject_1$
|
|
20894
|
+
})(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);
|
|
20888
20895
|
var GroupContainer$1 = styled$3.div.withConfig({
|
|
20889
20896
|
displayName: "RadioButtonGroup__GroupContainer",
|
|
20890
20897
|
componentId: "sc-1xsll60-1"
|
|
20891
|
-
})(templateObject_3$
|
|
20898
|
+
})(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), function (_a) {
|
|
20892
20899
|
var direction = _a.direction;
|
|
20893
|
-
return Ae(templateObject_2$
|
|
20900
|
+
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);
|
|
20894
20901
|
});
|
|
20895
20902
|
var Label$4 = styled$3(Typography).withConfig({
|
|
20896
20903
|
displayName: "RadioButtonGroup__Label",
|
|
@@ -20975,7 +20982,7 @@ var RadioButtonGroup = function RadioButtonGroup(_a) {
|
|
|
20975
20982
|
})]
|
|
20976
20983
|
}));
|
|
20977
20984
|
};
|
|
20978
|
-
var templateObject_1$
|
|
20985
|
+
var templateObject_1$P, templateObject_2$D, templateObject_3$r, templateObject_4$l;
|
|
20979
20986
|
|
|
20980
20987
|
var Colors$k = ddsBaseTokens.colors,
|
|
20981
20988
|
Spacing$u = ddsBaseTokens.spacing,
|
|
@@ -21112,7 +21119,7 @@ var checkboxTokens = {
|
|
|
21112
21119
|
var CustomCheckbox = styled$3.span.withConfig({
|
|
21113
21120
|
displayName: "Checkboxstyles__CustomCheckbox",
|
|
21114
21121
|
componentId: "sc-17q1ubf-0"
|
|
21115
|
-
})(templateObject_1$
|
|
21122
|
+
})(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);
|
|
21116
21123
|
var Input$4 = styled$3.input.attrs(function (_a) {
|
|
21117
21124
|
var _b = _a.type,
|
|
21118
21125
|
type = _b === void 0 ? 'checkbox' : _b;
|
|
@@ -21122,14 +21129,14 @@ var Input$4 = styled$3.input.attrs(function (_a) {
|
|
|
21122
21129
|
}).withConfig({
|
|
21123
21130
|
displayName: "Checkboxstyles__Input",
|
|
21124
21131
|
componentId: "sc-17q1ubf-1"
|
|
21125
|
-
})(templateObject_2$
|
|
21132
|
+
})(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), hideInput);
|
|
21126
21133
|
var Container$g = styled$3.label.withConfig({
|
|
21127
21134
|
displayName: "Checkboxstyles__Container",
|
|
21128
21135
|
componentId: "sc-17q1ubf-2"
|
|
21129
|
-
})(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) {
|
|
21136
|
+
})(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) {
|
|
21130
21137
|
var label = _a.label;
|
|
21131
|
-
return label ? Ae(templateObject_3$
|
|
21132
|
-
}, CustomCheckbox, CustomCheckbox, CustomCheckbox, checkboxTokens.checkbox.checked.base, CustomCheckbox, checkboxTokens.checkbox.hover.base, CustomCheckbox, checkboxTokens.checkbox.checked.hover.base, checkboxTokens.container.focus.base, function (_a) {
|
|
21138
|
+
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);
|
|
21139
|
+
}, 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) {
|
|
21133
21140
|
var error = _a.error;
|
|
21134
21141
|
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);
|
|
21135
21142
|
}, function (_a) {
|
|
@@ -21147,7 +21154,7 @@ var Container$g = styled$3.label.withConfig({
|
|
|
21147
21154
|
var indeterminate = _a.indeterminate;
|
|
21148
21155
|
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);
|
|
21149
21156
|
});
|
|
21150
|
-
var templateObject_1$
|
|
21157
|
+
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;
|
|
21151
21158
|
|
|
21152
21159
|
var CheckboxGroupContext = /*#__PURE__*/React__default["default"].createContext(null);
|
|
21153
21160
|
var useCheckboxGroup = function useCheckboxGroup() {
|
|
@@ -21237,13 +21244,13 @@ var checkboxGroupTokens = {
|
|
|
21237
21244
|
var Container$f = styled$3.div.withConfig({
|
|
21238
21245
|
displayName: "CheckboxGroup__Container",
|
|
21239
21246
|
componentId: "sc-uixbzg-0"
|
|
21240
|
-
})(templateObject_1$
|
|
21247
|
+
})(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);
|
|
21241
21248
|
var GroupContainer = styled$3.div.withConfig({
|
|
21242
21249
|
displayName: "CheckboxGroup__GroupContainer",
|
|
21243
21250
|
componentId: "sc-uixbzg-1"
|
|
21244
|
-
})(templateObject_3$
|
|
21251
|
+
})(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), function (_a) {
|
|
21245
21252
|
var direction = _a.direction;
|
|
21246
|
-
return Ae(templateObject_2$
|
|
21253
|
+
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);
|
|
21247
21254
|
});
|
|
21248
21255
|
var Label$3 = styled$3(Typography).withConfig({
|
|
21249
21256
|
displayName: "CheckboxGroup__Label",
|
|
@@ -21307,7 +21314,7 @@ var CheckboxGroup = function CheckboxGroup(_a) {
|
|
|
21307
21314
|
})]
|
|
21308
21315
|
}));
|
|
21309
21316
|
};
|
|
21310
|
-
var templateObject_1$
|
|
21317
|
+
var templateObject_1$N, templateObject_2$B, templateObject_3$p, templateObject_4$j;
|
|
21311
21318
|
|
|
21312
21319
|
var Colors$j = ddsBaseTokens.colors,
|
|
21313
21320
|
Border$d = ddsBaseTokens.border,
|
|
@@ -21809,7 +21816,7 @@ var spinnerTokens = {
|
|
|
21809
21816
|
var StyledSpinner = styled$3.svg.withConfig({
|
|
21810
21817
|
displayName: "Spinner__StyledSpinner",
|
|
21811
21818
|
componentId: "sc-13hsttm-0"
|
|
21812
|
-
})(templateObject_1$
|
|
21819
|
+
})(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) {
|
|
21813
21820
|
var outerAnimationDelay = _a.outerAnimationDelay;
|
|
21814
21821
|
return outerAnimationDelay;
|
|
21815
21822
|
}, function (_a) {
|
|
@@ -21822,7 +21829,7 @@ var StyledSpinner = styled$3.svg.withConfig({
|
|
|
21822
21829
|
var Circle = styled$3.circle.withConfig({
|
|
21823
21830
|
displayName: "Spinner__Circle",
|
|
21824
21831
|
componentId: "sc-13hsttm-1"
|
|
21825
|
-
})(templateObject_2$
|
|
21832
|
+
})(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) {
|
|
21826
21833
|
var color = _a.color;
|
|
21827
21834
|
return color && getTextColor(color);
|
|
21828
21835
|
}, function (_a) {
|
|
@@ -21869,28 +21876,28 @@ function Spinner(_a) {
|
|
|
21869
21876
|
}))]
|
|
21870
21877
|
}));
|
|
21871
21878
|
}
|
|
21872
|
-
var templateObject_1$
|
|
21879
|
+
var templateObject_1$M, templateObject_2$A;
|
|
21873
21880
|
|
|
21874
21881
|
var ButtonWrapper$1 = styled$3.button.withConfig({
|
|
21875
21882
|
displayName: "Buttonstyles__ButtonWrapper",
|
|
21876
21883
|
componentId: "sc-14dutqk-0"
|
|
21877
|
-
})(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) {
|
|
21884
|
+
})(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) {
|
|
21878
21885
|
var fullWidth = _a.fullWidth;
|
|
21879
21886
|
return fullWidth ? '100%' : 'fit-content';
|
|
21880
|
-
}, function (_a) {
|
|
21887
|
+
}, focusVisibleTransitionValue, function (_a) {
|
|
21881
21888
|
var appearance = _a.appearance,
|
|
21882
21889
|
purpose = _a.purpose;
|
|
21883
|
-
return Ae(templateObject_1$
|
|
21890
|
+
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);
|
|
21884
21891
|
}, function (_a) {
|
|
21885
21892
|
var hasIcon = _a.hasIcon,
|
|
21886
21893
|
hasLabel = _a.hasLabel,
|
|
21887
21894
|
appearance = _a.appearance,
|
|
21888
21895
|
purpose = _a.purpose;
|
|
21889
|
-
return hasIcon && !hasLabel && appearance === 'borderless' && Ae(templateObject_2$
|
|
21896
|
+
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);
|
|
21890
21897
|
}, function (_a) {
|
|
21891
21898
|
var size = _a.size,
|
|
21892
21899
|
hasLabel = _a.hasLabel;
|
|
21893
|
-
return hasLabel ? Ae(templateObject_3$
|
|
21900
|
+
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);
|
|
21894
21901
|
}, function (_a) {
|
|
21895
21902
|
var fullWidth = _a.fullWidth,
|
|
21896
21903
|
hasIcon = _a.hasIcon,
|
|
@@ -21902,16 +21909,25 @@ var ButtonWrapper$1 = styled$3.button.withConfig({
|
|
|
21902
21909
|
var StyledIconWrapperSpan = styled$3.span.withConfig({
|
|
21903
21910
|
displayName: "Buttonstyles__StyledIconWrapperSpan",
|
|
21904
21911
|
componentId: "sc-14dutqk-1"
|
|
21905
|
-
})(
|
|
21912
|
+
})(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) {
|
|
21913
|
+
var absolutePosition = _a.absolutePosition;
|
|
21914
|
+
return absolutePosition && Ae(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n position: absolute;\n "], ["\n position: absolute;\n "])));
|
|
21915
|
+
}, function (_a) {
|
|
21916
|
+
var isHidden = _a.isHidden;
|
|
21917
|
+
return isHidden && Ae(templateObject_10$4 || (templateObject_10$4 = __makeTemplateObject(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
|
|
21918
|
+
}, function (_a) {
|
|
21906
21919
|
var size = _a.size,
|
|
21907
21920
|
iconPosition = _a.iconPosition;
|
|
21908
|
-
return iconPosition === 'left' ? Ae(
|
|
21921
|
+
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);
|
|
21909
21922
|
});
|
|
21910
21923
|
var Label$2 = styled$3.span.withConfig({
|
|
21911
21924
|
displayName: "Buttonstyles__Label",
|
|
21912
21925
|
componentId: "sc-14dutqk-2"
|
|
21913
|
-
})(
|
|
21914
|
-
var
|
|
21926
|
+
})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
21927
|
+
var isHidden = _a.isHidden;
|
|
21928
|
+
return isHidden && Ae(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
|
|
21929
|
+
});
|
|
21930
|
+
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;
|
|
21915
21931
|
|
|
21916
21932
|
var Button$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
21917
21933
|
var label = _a.label,
|
|
@@ -21936,6 +21952,8 @@ var Button$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
21936
21952
|
rest = __rest(_a, ["label", "disabled", "purpose", "size", "iconPosition", "appearance", "href", "target", "loading", "fullWidth", "className", "style", "Icon"]);
|
|
21937
21953
|
|
|
21938
21954
|
var as = href ? 'a' : 'button';
|
|
21955
|
+
var hasLabel = !!label;
|
|
21956
|
+
var hasIcon = !!Icon;
|
|
21939
21957
|
|
|
21940
21958
|
var wrapperProps = __assign({
|
|
21941
21959
|
href: href,
|
|
@@ -21948,8 +21966,8 @@ var Button$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
21948
21966
|
purpose: purpose,
|
|
21949
21967
|
iconPosition: iconPosition,
|
|
21950
21968
|
fullWidth: fullWidth,
|
|
21951
|
-
hasLabel:
|
|
21952
|
-
hasIcon:
|
|
21969
|
+
hasLabel: hasLabel,
|
|
21970
|
+
hasIcon: hasIcon,
|
|
21953
21971
|
isLoading: loading,
|
|
21954
21972
|
disabled: disabled,
|
|
21955
21973
|
size: size,
|
|
@@ -21957,12 +21975,12 @@ var Button$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
21957
21975
|
style: style
|
|
21958
21976
|
}, rest);
|
|
21959
21977
|
|
|
21960
|
-
var
|
|
21961
|
-
var isIconButton = !hasLabel && !!Icon;
|
|
21978
|
+
var isIconButton = !hasLabel && hasIcon;
|
|
21962
21979
|
|
|
21963
21980
|
var iconElement = Icon && jsxRuntime.exports.jsx(StyledIconWrapperSpan, __assign({
|
|
21964
21981
|
iconPosition: isIconButton ? undefined : iconPosition,
|
|
21965
|
-
size: size
|
|
21982
|
+
size: size,
|
|
21983
|
+
isHidden: hasIcon && loading
|
|
21966
21984
|
}, {
|
|
21967
21985
|
children: jsxRuntime.exports.jsx(IconWrapper$1, {
|
|
21968
21986
|
Icon: Icon,
|
|
@@ -21971,18 +21989,22 @@ var Button$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
21971
21989
|
}));
|
|
21972
21990
|
|
|
21973
21991
|
return jsxRuntime.exports.jsxs(ButtonWrapper$1, __assign({}, wrapperProps, {
|
|
21974
|
-
children: [
|
|
21975
|
-
|
|
21992
|
+
children: [!isIconButton && jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
|
|
21993
|
+
children: [iconPosition === 'left' && iconElement, jsxRuntime.exports.jsx(Label$2, __assign({
|
|
21994
|
+
isHidden: loading,
|
|
21995
|
+
"aria-hidden": loading
|
|
21996
|
+
}, {
|
|
21997
|
+
children: label
|
|
21998
|
+
})), iconPosition === 'right' && iconElement]
|
|
21999
|
+
}), isIconButton && iconElement, loading && jsxRuntime.exports.jsx(StyledIconWrapperSpan, __assign({
|
|
22000
|
+
size: size,
|
|
22001
|
+
absolutePosition: hasIcon || hasLabel
|
|
21976
22002
|
}, {
|
|
21977
22003
|
children: jsxRuntime.exports.jsx(Spinner, {
|
|
21978
22004
|
color: buttonTokens.appearance[appearance][purpose].base.color,
|
|
21979
22005
|
size: buttonTokens.sizes[size].justIcon.base.fontSize
|
|
21980
22006
|
})
|
|
21981
|
-
}))
|
|
21982
|
-
children: [iconPosition === 'left' && iconElement, jsxRuntime.exports.jsx(Label$2, {
|
|
21983
|
-
children: label
|
|
21984
|
-
}), iconPosition === 'right' && iconElement]
|
|
21985
|
-
})]
|
|
22007
|
+
}))]
|
|
21986
22008
|
}));
|
|
21987
22009
|
});
|
|
21988
22010
|
|
|
@@ -22043,10 +22065,10 @@ var charCounterTokens = {
|
|
|
22043
22065
|
base: charCounterBase
|
|
22044
22066
|
};
|
|
22045
22067
|
|
|
22046
|
-
var Wrapper$
|
|
22068
|
+
var Wrapper$7 = styled$3(Typography).withConfig({
|
|
22047
22069
|
displayName: "CharCounter__Wrapper",
|
|
22048
22070
|
componentId: "sc-qty1z2-0"
|
|
22049
|
-
})(templateObject_1$
|
|
22071
|
+
})(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n margin-left: auto;\n ", "\n"], ["\n margin-left: auto;\n ", "\n"])), charCounterTokens.base);
|
|
22050
22072
|
var nextUniqueId$e = 0;
|
|
22051
22073
|
|
|
22052
22074
|
function CharCounter(_a) {
|
|
@@ -22056,7 +22078,7 @@ function CharCounter(_a) {
|
|
|
22056
22078
|
rest = __rest(_a, ["current", "max", "id"]);
|
|
22057
22079
|
|
|
22058
22080
|
var uniqueId = React.useState(id !== null && id !== void 0 ? id : "characterCounter-".concat(nextUniqueId$e++))[0];
|
|
22059
|
-
return jsxRuntime.exports.jsxs(Wrapper$
|
|
22081
|
+
return jsxRuntime.exports.jsxs(Wrapper$7, __assign({
|
|
22060
22082
|
forwardedAs: "div",
|
|
22061
22083
|
typographyType: "supportingStyleHelperText01",
|
|
22062
22084
|
id: uniqueId,
|
|
@@ -22065,12 +22087,12 @@ function CharCounter(_a) {
|
|
|
22065
22087
|
children: [current, "/", max]
|
|
22066
22088
|
}));
|
|
22067
22089
|
}
|
|
22068
|
-
var templateObject_1$
|
|
22090
|
+
var templateObject_1$K;
|
|
22069
22091
|
|
|
22070
22092
|
var TextArea = styled$3.textarea.withConfig({
|
|
22071
22093
|
displayName: "TextInputstyles__TextArea",
|
|
22072
22094
|
componentId: "sc-165zflr-0"
|
|
22073
|
-
})(templateObject_3$
|
|
22095
|
+
})(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) {
|
|
22074
22096
|
var hasLabel = _a.hasLabel,
|
|
22075
22097
|
disabled = _a.disabled,
|
|
22076
22098
|
readOnly = _a.readOnly,
|
|
@@ -22086,7 +22108,7 @@ var TextArea = styled$3.textarea.withConfig({
|
|
|
22086
22108
|
return hasLabel ? textInputTokens.container.multiline.withLabel.height : textInputTokens.container.multiline.noLabel.height;
|
|
22087
22109
|
}, textInputTokens.multiline.base, function (_a) {
|
|
22088
22110
|
var hasLabel = _a.hasLabel;
|
|
22089
|
-
return hasLabel ? Ae(templateObject_1$
|
|
22111
|
+
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);
|
|
22090
22112
|
}, function (_a) {
|
|
22091
22113
|
var hasErrorMessage = _a.hasErrorMessage;
|
|
22092
22114
|
return hasErrorMessage ? inputTokens.error.hover.base.backgroundColor : inputTokens.general.input.hover.backgroundColor;
|
|
@@ -22128,7 +22150,7 @@ var InputContainer$1 = styled$3(InputContainer$2).withConfig({
|
|
|
22128
22150
|
return textInputTokens.container.multiline.noLabel.height;
|
|
22129
22151
|
}
|
|
22130
22152
|
});
|
|
22131
|
-
var templateObject_1$
|
|
22153
|
+
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;
|
|
22132
22154
|
|
|
22133
22155
|
var nextUniqueId$d = 0;
|
|
22134
22156
|
var TextInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
@@ -25055,7 +25077,7 @@ var defaultStyles = {
|
|
|
25055
25077
|
valueContainer: valueContainerCSS
|
|
25056
25078
|
}; // Merge Utility
|
|
25057
25079
|
|
|
25058
|
-
var colors = {
|
|
25080
|
+
var colors$1 = {
|
|
25059
25081
|
primary: '#2684FF',
|
|
25060
25082
|
primary75: '#4C9AFF',
|
|
25061
25083
|
primary50: '#B2D4FF',
|
|
@@ -25074,22 +25096,22 @@ var colors = {
|
|
|
25074
25096
|
neutral80: 'hsl(0, 0%, 20%)',
|
|
25075
25097
|
neutral90: 'hsl(0, 0%, 10%)'
|
|
25076
25098
|
};
|
|
25077
|
-
var borderRadius = 4; // Used to calculate consistent margin/padding on elements
|
|
25099
|
+
var borderRadius$1 = 4; // Used to calculate consistent margin/padding on elements
|
|
25078
25100
|
|
|
25079
25101
|
var baseUnit = 4; // The minimum height of the control
|
|
25080
25102
|
|
|
25081
25103
|
var controlHeight = 38; // The amount of space between the control and menu */
|
|
25082
25104
|
|
|
25083
25105
|
var menuGutter = baseUnit * 2;
|
|
25084
|
-
var spacing = {
|
|
25106
|
+
var spacing$1 = {
|
|
25085
25107
|
baseUnit: baseUnit,
|
|
25086
25108
|
controlHeight: controlHeight,
|
|
25087
25109
|
menuGutter: menuGutter
|
|
25088
25110
|
};
|
|
25089
25111
|
var defaultTheme = {
|
|
25090
|
-
borderRadius: borderRadius,
|
|
25091
|
-
colors: colors,
|
|
25092
|
-
spacing: spacing
|
|
25112
|
+
borderRadius: borderRadius$1,
|
|
25113
|
+
colors: colors$1,
|
|
25114
|
+
spacing: spacing$1
|
|
25093
25115
|
};
|
|
25094
25116
|
|
|
25095
25117
|
var defaultProps = {
|
|
@@ -27213,17 +27235,17 @@ var prefix = 'dds-select';
|
|
|
27213
27235
|
var Label = styled$3(Typography).withConfig({
|
|
27214
27236
|
displayName: "Selectstyles__Label",
|
|
27215
27237
|
componentId: "sc-19jkd5s-0"
|
|
27216
|
-
})(templateObject_1$
|
|
27238
|
+
})(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n display: block;\n ", "\n"], ["\n display: block;\n ", "\n"])), selectTokens.label.base);
|
|
27217
27239
|
var Container$e = styled$3.div.withConfig({
|
|
27218
27240
|
displayName: "Selectstyles__Container",
|
|
27219
27241
|
componentId: "sc-19jkd5s-1"
|
|
27220
27242
|
})(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) {
|
|
27221
27243
|
var isMulti = _a.isMulti;
|
|
27222
|
-
return isMulti && Ae(templateObject_2$
|
|
27244
|
+
return isMulti && Ae(templateObject_2$x || (templateObject_2$x = __makeTemplateObject([""], [""])));
|
|
27223
27245
|
}, function (_a) {
|
|
27224
27246
|
var hasLabel = _a.hasLabel,
|
|
27225
27247
|
isMulti = _a.isMulti;
|
|
27226
|
-
return isMulti && hasLabel ? Ae(templateObject_3$
|
|
27248
|
+
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);
|
|
27227
27249
|
}, selectTokens.container.hover.base, Label, selectTokens.label.hover.base, selectTokens.container.focus.base, Label, selectTokens.label.focus.base, function (_a) {
|
|
27228
27250
|
var errorMessage = _a.errorMessage;
|
|
27229
27251
|
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);
|
|
@@ -27234,7 +27256,7 @@ var Container$e = styled$3.div.withConfig({
|
|
|
27234
27256
|
var readOnly = _a.readOnly;
|
|
27235
27257
|
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);
|
|
27236
27258
|
});
|
|
27237
|
-
var Wrapper$
|
|
27259
|
+
var Wrapper$6 = styled$3.div.withConfig({
|
|
27238
27260
|
displayName: "Selectstyles__Wrapper",
|
|
27239
27261
|
componentId: "sc-19jkd5s-2"
|
|
27240
27262
|
})(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n margin: 0;\n width: ", ";\n"], ["\n margin: 0;\n width: ", ";\n"])), function (_a) {
|
|
@@ -27343,7 +27365,7 @@ var getCustomStyles = function getCustomStyles() {
|
|
|
27343
27365
|
}
|
|
27344
27366
|
};
|
|
27345
27367
|
};
|
|
27346
|
-
var templateObject_1$
|
|
27368
|
+
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;
|
|
27347
27369
|
|
|
27348
27370
|
var DdsOption = components.Option,
|
|
27349
27371
|
NoOptionsMessage = components.NoOptionsMessage,
|
|
@@ -27448,7 +27470,7 @@ var SelectInner = function SelectInner(_a, ref) {
|
|
|
27448
27470
|
'aria-invalid': hasErrorMessage ? true : undefined
|
|
27449
27471
|
}, rest);
|
|
27450
27472
|
|
|
27451
|
-
return jsxRuntime.exports.jsxs(Wrapper$
|
|
27473
|
+
return jsxRuntime.exports.jsxs(Wrapper$6, __assign({}, wrapperProps, {
|
|
27452
27474
|
children: [jsxRuntime.exports.jsxs(Container$e, __assign({}, containerProps, {
|
|
27453
27475
|
children: [label && jsxRuntime.exports.jsxs(Label, __assign({
|
|
27454
27476
|
htmlFor: uniqueId,
|
|
@@ -27618,14 +27640,14 @@ var globalMessageTokens = {
|
|
|
27618
27640
|
var Container$d = styled$3.div.withConfig({
|
|
27619
27641
|
displayName: "GlobalMessage__Container",
|
|
27620
27642
|
componentId: "sc-bf2l65-0"
|
|
27621
|
-
})(templateObject_2$
|
|
27643
|
+
})(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) {
|
|
27622
27644
|
var purpose = _a.purpose;
|
|
27623
|
-
return purpose && Ae(templateObject_1$
|
|
27645
|
+
return purpose && Ae(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), globalMessageTokens.container.base, globalMessageTokens.container[purpose].base);
|
|
27624
27646
|
});
|
|
27625
27647
|
var MessageIconWrapper$1 = styled$3(IconWrapper$1).withConfig({
|
|
27626
27648
|
displayName: "GlobalMessage__MessageIconWrapper",
|
|
27627
27649
|
componentId: "sc-bf2l65-1"
|
|
27628
|
-
})(templateObject_3$
|
|
27650
|
+
})(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), globalMessageTokens.icon.marginRight);
|
|
27629
27651
|
var ControlsContainer = styled$3.div.withConfig({
|
|
27630
27652
|
displayName: "GlobalMessage__ControlsContainer",
|
|
27631
27653
|
componentId: "sc-bf2l65-2"
|
|
@@ -27684,7 +27706,7 @@ var GlobalMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
27684
27706
|
})]
|
|
27685
27707
|
})) : null;
|
|
27686
27708
|
});
|
|
27687
|
-
var templateObject_1$
|
|
27709
|
+
var templateObject_1$H, templateObject_2$w, templateObject_3$l, templateObject_4$f, templateObject_5$9, templateObject_6$8;
|
|
27688
27710
|
|
|
27689
27711
|
var CheckCircleOutlined = {};
|
|
27690
27712
|
|
|
@@ -27878,15 +27900,15 @@ var localMessageTokens = {
|
|
|
27878
27900
|
var Container$c = styled$3.div.withConfig({
|
|
27879
27901
|
displayName: "LocalMessage__Container",
|
|
27880
27902
|
componentId: "sc-kmfp8w-0"
|
|
27881
|
-
})(templateObject_3$
|
|
27903
|
+
})(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) {
|
|
27882
27904
|
var layout = _a.layout;
|
|
27883
27905
|
return layout === 'vertical' ? 'column' : 'row';
|
|
27884
27906
|
}, function (_a) {
|
|
27885
27907
|
var layout = _a.layout;
|
|
27886
|
-
return layout === 'horisontal' && Ae(templateObject_1$
|
|
27908
|
+
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 "])));
|
|
27887
27909
|
}, typographyTokens.selection.base, function (_a) {
|
|
27888
27910
|
var purpose = _a.purpose;
|
|
27889
|
-
return purpose && Ae(templateObject_2$
|
|
27911
|
+
return purpose && Ae(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), localMessageTokens.container.base, localMessageTokens.container[purpose].base);
|
|
27890
27912
|
}, function (_a) {
|
|
27891
27913
|
var width = _a.width;
|
|
27892
27914
|
return width;
|
|
@@ -27982,7 +28004,7 @@ var LocalMessage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
27982
28004
|
})
|
|
27983
28005
|
})) : null;
|
|
27984
28006
|
});
|
|
27985
|
-
var templateObject_1$
|
|
28007
|
+
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;
|
|
27986
28008
|
|
|
27987
28009
|
var SearchOutlined = {};
|
|
27988
28010
|
|
|
@@ -28057,14 +28079,14 @@ var searchTokens = {
|
|
|
28057
28079
|
var Input$1 = styled$3.input.withConfig({
|
|
28058
28080
|
displayName: "Search__Input",
|
|
28059
28081
|
componentId: "sc-1ax3s9s-0"
|
|
28060
|
-
})(templateObject_2$
|
|
28082
|
+
})(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) {
|
|
28061
28083
|
var componentSize = _a.componentSize;
|
|
28062
|
-
return componentSize && Ae(templateObject_1$
|
|
28084
|
+
return componentSize && Ae(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), searchTokens.input[componentSize].base);
|
|
28063
28085
|
}, searchTokens.input.spaceLeft);
|
|
28064
28086
|
var IconWrapper = styled$3.span.withConfig({
|
|
28065
28087
|
displayName: "Search__IconWrapper",
|
|
28066
28088
|
componentId: "sc-1ax3s9s-1"
|
|
28067
|
-
})(templateObject_3$
|
|
28089
|
+
})(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);
|
|
28068
28090
|
var Container$b = styled$3.div.withConfig({
|
|
28069
28091
|
displayName: "Search__Container",
|
|
28070
28092
|
componentId: "sc-1ax3s9s-2"
|
|
@@ -28137,7 +28159,7 @@ var Search = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
28137
28159
|
})]
|
|
28138
28160
|
}));
|
|
28139
28161
|
});
|
|
28140
|
-
var templateObject_1$
|
|
28162
|
+
var templateObject_1$F, templateObject_2$u, templateObject_3$j, templateObject_4$d, templateObject_5$7, templateObject_6$6, templateObject_7$4;
|
|
28141
28163
|
|
|
28142
28164
|
var Colors$d = ddsBaseTokens.colors,
|
|
28143
28165
|
Spacing$l = ddsBaseTokens.spacing;
|
|
@@ -28195,12 +28217,12 @@ var cellTokens = {
|
|
|
28195
28217
|
var StyledTable = styled$3.table.withConfig({
|
|
28196
28218
|
displayName: "Table__StyledTable",
|
|
28197
28219
|
componentId: "sc-bw0w0a-0"
|
|
28198
|
-
})(templateObject_3$
|
|
28220
|
+
})(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) {
|
|
28199
28221
|
var density = _a.density;
|
|
28200
|
-
return density && Ae(templateObject_1$
|
|
28222
|
+
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);
|
|
28201
28223
|
}, function (_a) {
|
|
28202
28224
|
var stickyHeader = _a.stickyHeader;
|
|
28203
|
-
return stickyHeader && Ae(templateObject_2$
|
|
28225
|
+
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 "])));
|
|
28204
28226
|
});
|
|
28205
28227
|
var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
28206
28228
|
var _b = _a.density,
|
|
@@ -28217,12 +28239,12 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
28217
28239
|
children: children
|
|
28218
28240
|
}));
|
|
28219
28241
|
});
|
|
28220
|
-
var templateObject_1$
|
|
28242
|
+
var templateObject_1$E, templateObject_2$t, templateObject_3$i;
|
|
28221
28243
|
|
|
28222
28244
|
var StyledBody = styled$3.tbody.withConfig({
|
|
28223
28245
|
displayName: "Body__StyledBody",
|
|
28224
28246
|
componentId: "sc-67qjfs-0"
|
|
28225
|
-
})(templateObject_1$
|
|
28247
|
+
})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject([""], [""])));
|
|
28226
28248
|
var Body$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
28227
28249
|
var children = _a.children,
|
|
28228
28250
|
rest = __rest(_a, ["children"]);
|
|
@@ -28235,12 +28257,12 @@ var Body$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
28235
28257
|
children: children
|
|
28236
28258
|
}));
|
|
28237
28259
|
});
|
|
28238
|
-
var templateObject_1$
|
|
28260
|
+
var templateObject_1$D;
|
|
28239
28261
|
|
|
28240
28262
|
var StyledHead = styled$3.thead.withConfig({
|
|
28241
28263
|
displayName: "Head__StyledHead",
|
|
28242
28264
|
componentId: "sc-vzd2kv-0"
|
|
28243
|
-
})(templateObject_1$
|
|
28265
|
+
})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject([""], [""])));
|
|
28244
28266
|
var Head = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
28245
28267
|
var children = _a.children,
|
|
28246
28268
|
rest = __rest(_a, ["children"]);
|
|
@@ -28253,7 +28275,7 @@ var Head = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
28253
28275
|
children: children
|
|
28254
28276
|
}));
|
|
28255
28277
|
});
|
|
28256
|
-
var templateObject_1$
|
|
28278
|
+
var templateObject_1$C;
|
|
28257
28279
|
|
|
28258
28280
|
var Colors$c = ddsBaseTokens.colors,
|
|
28259
28281
|
FontPackages$b = ddsBaseTokens.fontPackages,
|
|
@@ -28326,7 +28348,7 @@ var rowTokens = {
|
|
|
28326
28348
|
};
|
|
28327
28349
|
|
|
28328
28350
|
var bodyStyles = function bodyStyles(mode, selected) {
|
|
28329
|
-
return Ae(templateObject_3$
|
|
28351
|
+
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));
|
|
28330
28352
|
};
|
|
28331
28353
|
|
|
28332
28354
|
var StyledRow = styled$3.tr.withConfig({
|
|
@@ -28361,18 +28383,18 @@ var Row = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
28361
28383
|
children: children
|
|
28362
28384
|
}));
|
|
28363
28385
|
});
|
|
28364
|
-
var templateObject_1$
|
|
28386
|
+
var templateObject_1$B, templateObject_2$s, templateObject_3$h, templateObject_4$c, templateObject_5$6, templateObject_6$5, templateObject_7$3;
|
|
28365
28387
|
|
|
28366
28388
|
var layoutStyle = function layoutStyle(layout) {
|
|
28367
28389
|
switch (layout) {
|
|
28368
28390
|
case 'center':
|
|
28369
|
-
return Ae(templateObject_1$
|
|
28391
|
+
return Ae(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n justify-content: center;\n "], ["\n justify-content: center;\n "])));
|
|
28370
28392
|
|
|
28371
28393
|
case 'right':
|
|
28372
|
-
return Ae(templateObject_2$
|
|
28394
|
+
return Ae(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n justify-content: flex-end;\n "], ["\n justify-content: flex-end;\n "])));
|
|
28373
28395
|
|
|
28374
28396
|
case 'text and icon':
|
|
28375
|
-
return Ae(templateObject_3$
|
|
28397
|
+
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);
|
|
28376
28398
|
|
|
28377
28399
|
default:
|
|
28378
28400
|
case 'left':
|
|
@@ -28432,7 +28454,7 @@ var Cell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
28432
28454
|
}))
|
|
28433
28455
|
}));
|
|
28434
28456
|
});
|
|
28435
|
-
var templateObject_1$
|
|
28457
|
+
var templateObject_1$A, templateObject_2$r, templateObject_3$g, templateObject_4$b, templateObject_5$5, templateObject_6$4;
|
|
28436
28458
|
|
|
28437
28459
|
var KeyboardArrowDown = {};
|
|
28438
28460
|
|
|
@@ -28494,11 +28516,11 @@ default_1$9 = UnfoldMore.default = _default$9;
|
|
|
28494
28516
|
var SortIconWrapper = styled$3(IconWrapper$1).withConfig({
|
|
28495
28517
|
displayName: "SortCell__SortIconWrapper",
|
|
28496
28518
|
componentId: "sc-1l3jzvh-0"
|
|
28497
|
-
})(templateObject_1$
|
|
28519
|
+
})(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), cellTokens.head.sortCell.icon.base);
|
|
28498
28520
|
var StyledButton$3 = styled$3.button.withConfig({
|
|
28499
28521
|
displayName: "SortCell__StyledButton",
|
|
28500
28522
|
componentId: "sc-1l3jzvh-1"
|
|
28501
|
-
})(templateObject_2$
|
|
28523
|
+
})(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);
|
|
28502
28524
|
|
|
28503
28525
|
var makeSortIcon = function makeSortIcon(isSorted, sortOrder) {
|
|
28504
28526
|
if (!isSorted || !sortOrder) {
|
|
@@ -28537,12 +28559,12 @@ var SortCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
28537
28559
|
}))
|
|
28538
28560
|
}));
|
|
28539
28561
|
});
|
|
28540
|
-
var templateObject_1$
|
|
28562
|
+
var templateObject_1$z, templateObject_2$q;
|
|
28541
28563
|
|
|
28542
28564
|
var StyledFoot = styled$3.tfoot.withConfig({
|
|
28543
28565
|
displayName: "Foot__StyledFoot",
|
|
28544
28566
|
componentId: "sc-tfpehd-0"
|
|
28545
|
-
})(templateObject_1$
|
|
28567
|
+
})(templateObject_1$y || (templateObject_1$y = __makeTemplateObject([""], [""])));
|
|
28546
28568
|
var Foot = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
28547
28569
|
var children = _a.children,
|
|
28548
28570
|
rest = __rest(_a, ["children"]);
|
|
@@ -28555,14 +28577,14 @@ var Foot = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
28555
28577
|
children: children
|
|
28556
28578
|
}));
|
|
28557
28579
|
});
|
|
28558
|
-
var templateObject_1$
|
|
28580
|
+
var templateObject_1$y;
|
|
28559
28581
|
|
|
28560
|
-
var Wrapper$
|
|
28582
|
+
var Wrapper$5 = styled$3.div.withConfig({
|
|
28561
28583
|
displayName: "TableWrapper__Wrapper",
|
|
28562
28584
|
componentId: "sc-eb384b-0"
|
|
28563
|
-
})(templateObject_2$
|
|
28585
|
+
})(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (_a) {
|
|
28564
28586
|
var overflowX = _a.overflowX;
|
|
28565
|
-
return overflowX && Ae(templateObject_1$
|
|
28587
|
+
return overflowX && Ae(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n overflow-x: auto;\n "], ["\n overflow-x: auto;\n "])));
|
|
28566
28588
|
}, scrollbarStyling);
|
|
28567
28589
|
var TableWrapper = function TableWrapper(_a) {
|
|
28568
28590
|
var children = _a.children,
|
|
@@ -28605,11 +28627,11 @@ var TableWrapper = function TableWrapper(_a) {
|
|
|
28605
28627
|
overflowX: overflowX
|
|
28606
28628
|
}, rest);
|
|
28607
28629
|
|
|
28608
|
-
return jsxRuntime.exports.jsx(Wrapper$
|
|
28630
|
+
return jsxRuntime.exports.jsx(Wrapper$5, __assign({}, wrapperProps, {
|
|
28609
28631
|
children: children
|
|
28610
28632
|
}));
|
|
28611
28633
|
};
|
|
28612
|
-
var templateObject_1$
|
|
28634
|
+
var templateObject_1$x, templateObject_2$p;
|
|
28613
28635
|
|
|
28614
28636
|
var Breadcrumb = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
28615
28637
|
var children = _a.children,
|
|
@@ -28692,15 +28714,15 @@ var breadcrumbTokens = {
|
|
|
28692
28714
|
var List$2 = styled$3.ol.withConfig({
|
|
28693
28715
|
displayName: "Breadcrumbs__List",
|
|
28694
28716
|
componentId: "sc-xdj21o-0"
|
|
28695
|
-
})(templateObject_1$
|
|
28717
|
+
})(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"])));
|
|
28696
28718
|
var ListItem$2 = styled$3.li.withConfig({
|
|
28697
28719
|
displayName: "Breadcrumbs__ListItem",
|
|
28698
28720
|
componentId: "sc-xdj21o-1"
|
|
28699
|
-
})(templateObject_2$
|
|
28721
|
+
})(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);
|
|
28700
28722
|
var BreadcrumbIcon = styled$3(default_1$8).withConfig({
|
|
28701
28723
|
displayName: "Breadcrumbs__BreadcrumbIcon",
|
|
28702
28724
|
componentId: "sc-xdj21o-2"
|
|
28703
|
-
})(templateObject_3$
|
|
28725
|
+
})(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), breadcrumbTokens.icon.base);
|
|
28704
28726
|
var BackIcon = styled$3(default_1$7).withConfig({
|
|
28705
28727
|
displayName: "Breadcrumbs__BackIcon",
|
|
28706
28728
|
componentId: "sc-xdj21o-3"
|
|
@@ -28736,7 +28758,7 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
28736
28758
|
})
|
|
28737
28759
|
}));
|
|
28738
28760
|
});
|
|
28739
|
-
var templateObject_1$
|
|
28761
|
+
var templateObject_1$w, templateObject_2$o, templateObject_3$f, templateObject_4$a;
|
|
28740
28762
|
|
|
28741
28763
|
var ChevronLeftOutlined = {};
|
|
28742
28764
|
|
|
@@ -28876,17 +28898,17 @@ var paginationTokens = {
|
|
|
28876
28898
|
var Nav = styled$3.nav.withConfig({
|
|
28877
28899
|
displayName: "Pagination__Nav",
|
|
28878
28900
|
componentId: "sc-5ltegq-0"
|
|
28879
|
-
})(templateObject_1$
|
|
28901
|
+
})(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
28880
28902
|
var List$1 = styled$3.ol.withConfig({
|
|
28881
28903
|
displayName: "Pagination__List",
|
|
28882
28904
|
componentId: "sc-5ltegq-1"
|
|
28883
|
-
})(templateObject_2$
|
|
28905
|
+
})(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);
|
|
28884
28906
|
var ListItem$1 = styled$3.li.withConfig({
|
|
28885
28907
|
displayName: "Pagination__ListItem",
|
|
28886
28908
|
componentId: "sc-5ltegq-2"
|
|
28887
28909
|
})(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) {
|
|
28888
28910
|
var isHidden = _a.isHidden;
|
|
28889
|
-
return isHidden && Ae(templateObject_3$
|
|
28911
|
+
return isHidden && Ae(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
|
|
28890
28912
|
});
|
|
28891
28913
|
var Container$a = styled$3.div.withConfig({
|
|
28892
28914
|
displayName: "Pagination__Container",
|
|
@@ -29100,7 +29122,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29100
29122
|
}), navigationToBeRendered]
|
|
29101
29123
|
}));
|
|
29102
29124
|
});
|
|
29103
|
-
var templateObject_1$
|
|
29125
|
+
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;
|
|
29104
29126
|
|
|
29105
29127
|
var Border$9 = ddsBaseTokens.border,
|
|
29106
29128
|
Spacing$i = ddsBaseTokens.spacing;
|
|
@@ -29122,9 +29144,9 @@ var dividerTokens = {
|
|
|
29122
29144
|
var DividerLine = styled$3.hr.withConfig({
|
|
29123
29145
|
displayName: "Divider__DividerLine",
|
|
29124
29146
|
componentId: "sc-ggdopz-0"
|
|
29125
|
-
})(templateObject_2$
|
|
29147
|
+
})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), dividerTokens.base, function (_a) {
|
|
29126
29148
|
var color = _a.color;
|
|
29127
|
-
return color && Ae(templateObject_1$
|
|
29149
|
+
return color && Ae(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n border-color: ", ";\n "], ["\n border-color: ", ";\n "])), dividerColors[color]);
|
|
29128
29150
|
});
|
|
29129
29151
|
var Divider = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
29130
29152
|
var _b = _a.color,
|
|
@@ -29139,7 +29161,7 @@ var Divider = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29139
29161
|
ref: ref
|
|
29140
29162
|
}, lineProps));
|
|
29141
29163
|
});
|
|
29142
|
-
var templateObject_1$
|
|
29164
|
+
var templateObject_1$u, templateObject_2$m;
|
|
29143
29165
|
|
|
29144
29166
|
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";
|
|
29145
29167
|
|
|
@@ -29206,10 +29228,10 @@ var StyledList = styled$3.ul.withConfig({
|
|
|
29206
29228
|
componentId: "sc-1f1c7eb-0"
|
|
29207
29229
|
})(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) {
|
|
29208
29230
|
var typographyType = _a.typographyType;
|
|
29209
|
-
return typographyType && Ae(templateObject_1$
|
|
29231
|
+
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]);
|
|
29210
29232
|
}, function (_a) {
|
|
29211
29233
|
var listType = _a.listType;
|
|
29212
|
-
return listType === 'unordered' ? Ae(templateObject_2$
|
|
29234
|
+
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);
|
|
29213
29235
|
});
|
|
29214
29236
|
var List = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
29215
29237
|
var _b = _a.listType,
|
|
@@ -29232,12 +29254,12 @@ var List = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29232
29254
|
children: children
|
|
29233
29255
|
}));
|
|
29234
29256
|
});
|
|
29235
|
-
var templateObject_1$
|
|
29257
|
+
var templateObject_1$t, templateObject_2$l, templateObject_3$d, templateObject_4$8;
|
|
29236
29258
|
|
|
29237
29259
|
var StyledListItem = styled$3.li.withConfig({
|
|
29238
29260
|
displayName: "ListItem__StyledListItem",
|
|
29239
29261
|
componentId: "sc-17s9l0b-0"
|
|
29240
|
-
})(templateObject_1$
|
|
29262
|
+
})(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), listItemTokens.base);
|
|
29241
29263
|
var ListItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
29242
29264
|
var children = _a.children,
|
|
29243
29265
|
rest = __rest(_a, ["children"]);
|
|
@@ -29248,7 +29270,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29248
29270
|
children: children
|
|
29249
29271
|
}));
|
|
29250
29272
|
});
|
|
29251
|
-
var templateObject_1$
|
|
29273
|
+
var templateObject_1$s;
|
|
29252
29274
|
|
|
29253
29275
|
var Spacing$f = ddsBaseTokens.spacing,
|
|
29254
29276
|
FontPackages$8 = ddsBaseTokens.fontPackages,
|
|
@@ -29279,9 +29301,9 @@ var descriptionListTermTokens = {
|
|
|
29279
29301
|
var DList = styled$3.dl.withConfig({
|
|
29280
29302
|
displayName: "DescriptionList__DList",
|
|
29281
29303
|
componentId: "sc-1ob73hm-0"
|
|
29282
|
-
})(templateObject_2$
|
|
29304
|
+
})(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) {
|
|
29283
29305
|
var appearance = _a.appearance;
|
|
29284
|
-
return appearance && Ae(templateObject_1$
|
|
29306
|
+
return appearance && Ae(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n dt {\n ", "\n }\n "], ["\n dt {\n ", "\n }\n "])), descriptionListTermTokens.appearance[appearance].base);
|
|
29285
29307
|
}, descriptionListTermTokens.unwrappedTopAndBottomSpace, descriptionListTermTokens.unwrappedTopAndBottomSpace, descriptionListTermTokens.unwrappedBetweenSpace);
|
|
29286
29308
|
var DescriptionList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
29287
29309
|
var _b = _a.appearance,
|
|
@@ -29298,12 +29320,12 @@ var DescriptionList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29298
29320
|
children: children
|
|
29299
29321
|
}));
|
|
29300
29322
|
});
|
|
29301
|
-
var templateObject_1$
|
|
29323
|
+
var templateObject_1$r, templateObject_2$k;
|
|
29302
29324
|
|
|
29303
29325
|
var DListTerm = styled$3.dt.withConfig({
|
|
29304
29326
|
displayName: "DescriptionListTerm__DListTerm",
|
|
29305
29327
|
componentId: "sc-10w0rzr-0"
|
|
29306
|
-
})(templateObject_1$
|
|
29328
|
+
})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject([""], [""])));
|
|
29307
29329
|
var DescriptionListTerm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
29308
29330
|
var children = _a.children,
|
|
29309
29331
|
rest = __rest(_a, ["children"]);
|
|
@@ -29316,7 +29338,7 @@ var DescriptionListTerm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29316
29338
|
children: children
|
|
29317
29339
|
}));
|
|
29318
29340
|
});
|
|
29319
|
-
var templateObject_1$
|
|
29341
|
+
var templateObject_1$q;
|
|
29320
29342
|
|
|
29321
29343
|
var Spacing$e = ddsBaseTokens.spacing,
|
|
29322
29344
|
FontPackages$7 = ddsBaseTokens.fontPackages;
|
|
@@ -29339,11 +29361,11 @@ var descriptionListDescTokens = {
|
|
|
29339
29361
|
var DListDesc = styled$3.dd.withConfig({
|
|
29340
29362
|
displayName: "DescriptionListDesc__DListDesc",
|
|
29341
29363
|
componentId: "sc-1djcf0s-0"
|
|
29342
|
-
})(templateObject_1$
|
|
29364
|
+
})(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);
|
|
29343
29365
|
var StyledIconWrapper$1 = styled$3(IconWrapper$1).withConfig({
|
|
29344
29366
|
displayName: "DescriptionListDesc__StyledIconWrapper",
|
|
29345
29367
|
componentId: "sc-1djcf0s-1"
|
|
29346
|
-
})(templateObject_2$
|
|
29368
|
+
})(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), descriptionListDescTokens.icon.base);
|
|
29347
29369
|
var DescriptionListDesc = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
29348
29370
|
var children = _a.children,
|
|
29349
29371
|
Icon = _a.Icon,
|
|
@@ -29360,7 +29382,7 @@ var DescriptionListDesc = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29360
29382
|
}), " ", children]
|
|
29361
29383
|
}));
|
|
29362
29384
|
});
|
|
29363
|
-
var templateObject_1$
|
|
29385
|
+
var templateObject_1$p, templateObject_2$j;
|
|
29364
29386
|
|
|
29365
29387
|
var Spacing$d = ddsBaseTokens.spacing;
|
|
29366
29388
|
var base$5 = {
|
|
@@ -29373,9 +29395,9 @@ var descriptionListGroupTokens = {
|
|
|
29373
29395
|
var DListGroup = styled$3.div.withConfig({
|
|
29374
29396
|
displayName: "DescriptionListGroup__DListGroup",
|
|
29375
29397
|
componentId: "sc-jkdc0o-0"
|
|
29376
|
-
})(templateObject_2$
|
|
29398
|
+
})(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), descriptionListGroupTokens.base, function (_a) {
|
|
29377
29399
|
var margin = _a.margin;
|
|
29378
|
-
return margin && Ae(templateObject_1$
|
|
29400
|
+
return margin && Ae(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n margin: ", ";\n "], ["\n margin: ", ";\n "])), margin);
|
|
29379
29401
|
});
|
|
29380
29402
|
var DescriptionListGroup = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
29381
29403
|
var children = _a.children,
|
|
@@ -29390,7 +29412,7 @@ var DescriptionListGroup = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29390
29412
|
children: children
|
|
29391
29413
|
}));
|
|
29392
29414
|
});
|
|
29393
|
-
var templateObject_1$
|
|
29415
|
+
var templateObject_1$o, templateObject_2$i;
|
|
29394
29416
|
|
|
29395
29417
|
var Colors$8 = ddsBaseTokens.colors,
|
|
29396
29418
|
Border$8 = ddsBaseTokens.border,
|
|
@@ -29456,10 +29478,10 @@ var Container$9 = styled$3.div.withConfig({
|
|
|
29456
29478
|
componentId: "sc-410ao9-0"
|
|
29457
29479
|
})(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) {
|
|
29458
29480
|
var color = _a.color;
|
|
29459
|
-
return color && Ae(templateObject_1$
|
|
29481
|
+
return color && Ae(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), cardTokens.colors[color].base);
|
|
29460
29482
|
}, function (_a) {
|
|
29461
29483
|
var cardType = _a.cardType;
|
|
29462
|
-
return cardType === 'navigation' ? Ae(templateObject_2$
|
|
29484
|
+
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 "]))) : '';
|
|
29463
29485
|
});
|
|
29464
29486
|
var Card = function Card(props) {
|
|
29465
29487
|
var _a;
|
|
@@ -29486,12 +29508,12 @@ var Card = function Card(props) {
|
|
|
29486
29508
|
children: props.children
|
|
29487
29509
|
}));
|
|
29488
29510
|
};
|
|
29489
|
-
var templateObject_1$
|
|
29511
|
+
var templateObject_1$n, templateObject_2$h, templateObject_3$c, templateObject_4$7;
|
|
29490
29512
|
|
|
29491
|
-
var Wrapper$
|
|
29513
|
+
var Wrapper$4 = styled$3.div.withConfig({
|
|
29492
29514
|
displayName: "CardAccordion__Wrapper",
|
|
29493
29515
|
componentId: "sc-1ctxrby-0"
|
|
29494
|
-
})(templateObject_1$
|
|
29516
|
+
})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject([""], [""])));
|
|
29495
29517
|
var nextUniqueId$a = 0;
|
|
29496
29518
|
var CardAccordion = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
29497
29519
|
var _b = _a.isExpanded,
|
|
@@ -29533,11 +29555,11 @@ var CardAccordion = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29533
29555
|
ref: ref
|
|
29534
29556
|
}, rest);
|
|
29535
29557
|
|
|
29536
|
-
return jsxRuntime.exports.jsx(Wrapper$
|
|
29558
|
+
return jsxRuntime.exports.jsx(Wrapper$4, __assign({}, props, {
|
|
29537
29559
|
children: Children
|
|
29538
29560
|
}));
|
|
29539
29561
|
});
|
|
29540
|
-
var templateObject_1$
|
|
29562
|
+
var templateObject_1$m;
|
|
29541
29563
|
|
|
29542
29564
|
var Spacing$c = ddsBaseTokens.spacing,
|
|
29543
29565
|
FontPackages$5 = ddsBaseTokens.fontPackages,
|
|
@@ -29579,15 +29601,15 @@ var cardAccordionHeaderTokens = {
|
|
|
29579
29601
|
var ContentWrapper = styled$3.div.withConfig({
|
|
29580
29602
|
displayName: "CardAccordionHeader__ContentWrapper",
|
|
29581
29603
|
componentId: "sc-1qs6bkj-0"
|
|
29582
|
-
})(templateObject_1$
|
|
29604
|
+
})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n text-align: left;\n"], ["\n text-align: left;\n"])));
|
|
29583
29605
|
var HeaderContainer$2 = styled$3.div.withConfig({
|
|
29584
29606
|
displayName: "CardAccordionHeader__HeaderContainer",
|
|
29585
29607
|
componentId: "sc-1qs6bkj-1"
|
|
29586
|
-
})(templateObject_2$
|
|
29608
|
+
})(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);
|
|
29587
29609
|
var HeaderWrapper = styled$3.button.withConfig({
|
|
29588
29610
|
displayName: "CardAccordionHeader__HeaderWrapper",
|
|
29589
29611
|
componentId: "sc-1qs6bkj-2"
|
|
29590
|
-
})(templateObject_3$
|
|
29612
|
+
})(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);
|
|
29591
29613
|
var ChevronWrapper = styled$3.span.withConfig({
|
|
29592
29614
|
displayName: "CardAccordionHeader__ChevronWrapper",
|
|
29593
29615
|
componentId: "sc-1qs6bkj-3"
|
|
@@ -29628,7 +29650,7 @@ var CardAccordionHeader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29628
29650
|
})
|
|
29629
29651
|
}));
|
|
29630
29652
|
});
|
|
29631
|
-
var templateObject_1$
|
|
29653
|
+
var templateObject_1$l, templateObject_2$g, templateObject_3$b, templateObject_4$6;
|
|
29632
29654
|
|
|
29633
29655
|
var Spacing$b = ddsBaseTokens.spacing,
|
|
29634
29656
|
FontPackages$4 = ddsBaseTokens.fontPackages;
|
|
@@ -29641,16 +29663,16 @@ var cardAccordionBodyTokens = {
|
|
|
29641
29663
|
base: base$2
|
|
29642
29664
|
};
|
|
29643
29665
|
|
|
29644
|
-
var expandingAnimation = Ae(templateObject_1$
|
|
29666
|
+
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"])));
|
|
29645
29667
|
var Body = styled$3.div.withConfig({
|
|
29646
29668
|
displayName: "CardAccordionBody__Body",
|
|
29647
29669
|
componentId: "sc-igsnpx-0"
|
|
29648
29670
|
})(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n"])), expandingAnimation, cardAccordionBodyTokens.base, function (_a) {
|
|
29649
29671
|
var paddingTop = _a.paddingTop;
|
|
29650
|
-
return paddingTop && Ae(templateObject_2$
|
|
29672
|
+
return paddingTop && Ae(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n padding-top: ", ";\n "], ["\n padding-top: ", ";\n "])), paddingTop);
|
|
29651
29673
|
}, function (_a) {
|
|
29652
29674
|
var isExpanded = _a.isExpanded;
|
|
29653
|
-
return !isExpanded && Ae(templateObject_3$
|
|
29675
|
+
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 "])));
|
|
29654
29676
|
});
|
|
29655
29677
|
var BodyContainer = styled$3.div.withConfig({
|
|
29656
29678
|
displayName: "CardAccordionBody__BodyContainer",
|
|
@@ -29702,7 +29724,7 @@ var CardAccordionBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
29702
29724
|
}))
|
|
29703
29725
|
}));
|
|
29704
29726
|
});
|
|
29705
|
-
var templateObject_1$
|
|
29727
|
+
var templateObject_1$k, templateObject_2$f, templateObject_3$a, templateObject_4$5, templateObject_5$3;
|
|
29706
29728
|
|
|
29707
29729
|
var MoreVertOutlined = {};
|
|
29708
29730
|
|
|
@@ -29761,7 +29783,7 @@ var linkHoverBase$2 = {
|
|
|
29761
29783
|
var linkActiveBase$1 = {
|
|
29762
29784
|
color: Colors$7.DdsColorInteractiveBase
|
|
29763
29785
|
};
|
|
29764
|
-
var wrapperBase$
|
|
29786
|
+
var wrapperBase$5 = {
|
|
29765
29787
|
backgroundColor: Colors$7.DdsColorNeutralsWhite
|
|
29766
29788
|
};
|
|
29767
29789
|
var applicationNameWrapperBase = {
|
|
@@ -29800,7 +29822,7 @@ var contextGroupBase = {
|
|
|
29800
29822
|
};
|
|
29801
29823
|
var internalHeaderTokens = {
|
|
29802
29824
|
wrapper: {
|
|
29803
|
-
base: wrapperBase$
|
|
29825
|
+
base: wrapperBase$5
|
|
29804
29826
|
},
|
|
29805
29827
|
applicationNameWrapper: {
|
|
29806
29828
|
base: applicationNameWrapperBase
|
|
@@ -31566,7 +31588,7 @@ var linkHoverBase$1 = {
|
|
|
31566
31588
|
var linkActiveBase = {
|
|
31567
31589
|
color: Colors$6.DdsColorInteractiveBase
|
|
31568
31590
|
};
|
|
31569
|
-
var wrapperBase$
|
|
31591
|
+
var wrapperBase$4 = {
|
|
31570
31592
|
border: "".concat(Border$5.BordersDdsBorderStyleLightStrokeWeight, " ").concat(Border$5.BordersDdsBorderStyleLightStroke, " solid "),
|
|
31571
31593
|
backgroundColor: Colors$6.DdsColorNeutralsWhite,
|
|
31572
31594
|
borderRadius: BorderRadius$3.RadiiDdsBorderRadius1Radius
|
|
@@ -31580,7 +31602,7 @@ var dividerBase = {
|
|
|
31580
31602
|
};
|
|
31581
31603
|
var overflowMenuTokens = {
|
|
31582
31604
|
container: {
|
|
31583
|
-
base: wrapperBase$
|
|
31605
|
+
base: wrapperBase$4
|
|
31584
31606
|
},
|
|
31585
31607
|
link: {
|
|
31586
31608
|
base: linkBase$1,
|
|
@@ -31603,15 +31625,15 @@ var overflowMenuTokens = {
|
|
|
31603
31625
|
var Span = styled$3.span.withConfig({
|
|
31604
31626
|
displayName: "OverflowMenuItem__Span",
|
|
31605
31627
|
componentId: "sc-1ka2asi-0"
|
|
31606
|
-
})(templateObject_1$
|
|
31628
|
+
})(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);
|
|
31607
31629
|
var Link$2 = styled$3.a.withConfig({
|
|
31608
31630
|
displayName: "OverflowMenuItem__Link",
|
|
31609
31631
|
componentId: "sc-1ka2asi-1"
|
|
31610
|
-
})(templateObject_2$
|
|
31632
|
+
})(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);
|
|
31611
31633
|
var StyledIconWrapper = styled$3(IconWrapper$1).withConfig({
|
|
31612
31634
|
displayName: "OverflowMenuItem__StyledIconWrapper",
|
|
31613
31635
|
componentId: "sc-1ka2asi-2"
|
|
31614
|
-
})(templateObject_3$
|
|
31636
|
+
})(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject([""], [""])));
|
|
31615
31637
|
var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
31616
31638
|
var title = _a.title,
|
|
31617
31639
|
href = _a.href,
|
|
@@ -31689,7 +31711,7 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
31689
31711
|
children: [icon, title]
|
|
31690
31712
|
}));
|
|
31691
31713
|
});
|
|
31692
|
-
var templateObject_1$
|
|
31714
|
+
var templateObject_1$j, templateObject_2$e, templateObject_3$9;
|
|
31693
31715
|
|
|
31694
31716
|
var PersonOutlineOutlined = {};
|
|
31695
31717
|
|
|
@@ -31713,43 +31735,41 @@ default_1 = PersonOutlineOutlined.default = _default;
|
|
|
31713
31735
|
var Container$8 = styled$3.div.withConfig({
|
|
31714
31736
|
displayName: "OverflowMenu__Container",
|
|
31715
31737
|
componentId: "sc-kh744b-0"
|
|
31716
|
-
})(templateObject_1$
|
|
31717
|
-
var isOpen = _a.isOpen;
|
|
31718
|
-
return !isOpen ? 'hidden' : 'visible';
|
|
31719
|
-
}, function (_a) {
|
|
31738
|
+
})(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) {
|
|
31720
31739
|
var isOpen = _a.isOpen;
|
|
31721
|
-
return
|
|
31740
|
+
return visibilityTransition(isOpen);
|
|
31722
31741
|
}, overflowMenuTokens.container.base, scrollbarStyling, typographyTokens.selection.base);
|
|
31723
31742
|
var OverflowMenuList = styled$3.ul.withConfig({
|
|
31724
31743
|
displayName: "OverflowMenu__OverflowMenuList",
|
|
31725
31744
|
componentId: "sc-kh744b-1"
|
|
31726
|
-
})(templateObject_2$
|
|
31745
|
+
})(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"])));
|
|
31727
31746
|
var StyledDivider = styled$3(Divider).withConfig({
|
|
31728
31747
|
displayName: "OverflowMenu__StyledDivider",
|
|
31729
31748
|
componentId: "sc-kh744b-2"
|
|
31730
|
-
})(templateObject_3$
|
|
31749
|
+
})(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), overflowMenuTokens.divider.base);
|
|
31731
31750
|
var OverflowMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
31732
31751
|
var _b, _c;
|
|
31733
31752
|
|
|
31734
31753
|
var anchorRef = _a.anchorRef,
|
|
31735
31754
|
onClose = _a.onClose,
|
|
31736
|
-
|
|
31737
|
-
|
|
31738
|
-
|
|
31755
|
+
_d = _a.isOpen,
|
|
31756
|
+
isOpen = _d === void 0 ? false : _d,
|
|
31757
|
+
_e = _a.placement,
|
|
31758
|
+
placement = _e === void 0 ? 'bottom-end' : _e,
|
|
31739
31759
|
items = _a.items,
|
|
31740
31760
|
navItems = _a.navItems,
|
|
31741
31761
|
userProps = _a.userProps,
|
|
31742
31762
|
id = _a.id,
|
|
31743
|
-
|
|
31744
|
-
offset =
|
|
31763
|
+
_f = _a.offset,
|
|
31764
|
+
offset = _f === void 0 ? overflowMenuTokens.offset : _f,
|
|
31745
31765
|
style = _a.style,
|
|
31746
31766
|
rest = __rest(_a, ["anchorRef", "onClose", "isOpen", "placement", "items", "navItems", "userProps", "id", "offset", "style"]);
|
|
31747
31767
|
|
|
31748
|
-
var
|
|
31749
|
-
reference =
|
|
31750
|
-
floating =
|
|
31751
|
-
refs =
|
|
31752
|
-
styles =
|
|
31768
|
+
var _g = useFloatPosition(null, placement, offset),
|
|
31769
|
+
reference = _g.reference,
|
|
31770
|
+
floating = _g.floating,
|
|
31771
|
+
refs = _g.refs,
|
|
31772
|
+
styles = _g.styles;
|
|
31753
31773
|
|
|
31754
31774
|
var combinedRef = useCombinedRef(ref, floating);
|
|
31755
31775
|
React.useEffect(function () {
|
|
@@ -31773,9 +31793,9 @@ var OverflowMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
31773
31793
|
var hasContextItems = !!items && items.length > 0;
|
|
31774
31794
|
var hasNavItems = !!navItems && navItems.length > 0;
|
|
31775
31795
|
|
|
31776
|
-
var
|
|
31777
|
-
username =
|
|
31778
|
-
userPropsRest = __rest(
|
|
31796
|
+
var _h = userProps || {},
|
|
31797
|
+
username = _h.name,
|
|
31798
|
+
userPropsRest = __rest(_h, ["name"]);
|
|
31779
31799
|
|
|
31780
31800
|
var hasStaticUser = username && userProps && !userProps.href && !userProps.onClick;
|
|
31781
31801
|
var hasInteractiveUser = username && userProps && (!!userProps.href || !!userProps.onClick);
|
|
@@ -31786,9 +31806,9 @@ var OverflowMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
31786
31806
|
hasContextItems && interactiveItems.push.apply(interactiveItems, items);
|
|
31787
31807
|
var hasInteractiveItems = interactiveItems.length > 0;
|
|
31788
31808
|
|
|
31789
|
-
var
|
|
31790
|
-
focus =
|
|
31791
|
-
setFocus =
|
|
31809
|
+
var _j = useRoveFocus(interactiveItems && interactiveItems.length, !isOpen),
|
|
31810
|
+
focus = _j[0],
|
|
31811
|
+
setFocus = _j[1];
|
|
31792
31812
|
|
|
31793
31813
|
var interactiveItemsList = hasInteractiveItems ? interactiveItems.map(function (item, index) {
|
|
31794
31814
|
return jsxRuntime.exports.jsx("li", {
|
|
@@ -31849,7 +31869,7 @@ var OverflowMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
31849
31869
|
}), interactiveContent()]
|
|
31850
31870
|
}));
|
|
31851
31871
|
});
|
|
31852
|
-
var templateObject_1$
|
|
31872
|
+
var templateObject_1$i, templateObject_2$d, templateObject_3$8;
|
|
31853
31873
|
|
|
31854
31874
|
var nextUniqueId$9 = 0;
|
|
31855
31875
|
var OverflowMenuGroup = function OverflowMenuGroup(_a) {
|
|
@@ -31906,16 +31926,16 @@ var OverflowMenuGroup = function OverflowMenuGroup(_a) {
|
|
|
31906
31926
|
});
|
|
31907
31927
|
};
|
|
31908
31928
|
|
|
31909
|
-
var Wrapper$
|
|
31929
|
+
var Wrapper$3 = styled$3.div.withConfig({
|
|
31910
31930
|
displayName: "InternalHeaderstyles__Wrapper",
|
|
31911
31931
|
componentId: "sc-91bnca-0"
|
|
31912
|
-
})(templateObject_1$
|
|
31932
|
+
})(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);
|
|
31913
31933
|
var BannerWrapper = styled$3.div.withConfig({
|
|
31914
31934
|
displayName: "InternalHeaderstyles__BannerWrapper",
|
|
31915
31935
|
componentId: "sc-91bnca-1"
|
|
31916
|
-
})(templateObject_3$
|
|
31936
|
+
})(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) {
|
|
31917
31937
|
var hasContextMenu = _a.hasContextMenu;
|
|
31918
|
-
return hasContextMenu && Ae(templateObject_2$
|
|
31938
|
+
return hasContextMenu && Ae(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n padding-right: ", ";\n "], ["\n padding-right: ", ";\n "])), internalHeaderTokens.banner.contextMenuSpacing);
|
|
31919
31939
|
});
|
|
31920
31940
|
var BannerLeftWrapper = styled$3.div.withConfig({
|
|
31921
31941
|
displayName: "InternalHeaderstyles__BannerLeftWrapper",
|
|
@@ -31948,14 +31968,14 @@ var StyledOverflowMenu = styled$3(OverflowMenu).withConfig({
|
|
|
31948
31968
|
displayName: "InternalHeaderstyles__StyledOverflowMenu",
|
|
31949
31969
|
componentId: "sc-91bnca-8"
|
|
31950
31970
|
})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n max-height: calc(100vh - 110px);\n"], ["\n max-height: calc(100vh - 110px);\n"])));
|
|
31951
|
-
var templateObject_1$
|
|
31971
|
+
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;
|
|
31952
31972
|
|
|
31953
31973
|
var Link$1 = styled$3.a.withConfig({
|
|
31954
31974
|
displayName: "NavigationItem__Link",
|
|
31955
31975
|
componentId: "sc-1fua9kw-0"
|
|
31956
|
-
})(templateObject_2$
|
|
31976
|
+
})(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) {
|
|
31957
31977
|
var isCurrent = _a.isCurrent;
|
|
31958
|
-
return isCurrent && Ae(templateObject_1$
|
|
31978
|
+
return isCurrent && Ae(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), internalHeaderTokens.navigationLink.current.base);
|
|
31959
31979
|
});
|
|
31960
31980
|
var NavigationItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
31961
31981
|
var title = _a.title,
|
|
@@ -31973,12 +31993,12 @@ var NavigationItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
31973
31993
|
children: title
|
|
31974
31994
|
}));
|
|
31975
31995
|
});
|
|
31976
|
-
var templateObject_1$
|
|
31996
|
+
var templateObject_1$g, templateObject_2$b;
|
|
31977
31997
|
|
|
31978
31998
|
var Li = styled$3.li.withConfig({
|
|
31979
31999
|
displayName: "InternalHeaderListItem__Li",
|
|
31980
32000
|
componentId: "sc-g1dd6e-0"
|
|
31981
|
-
})(templateObject_1$
|
|
32001
|
+
})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n box-sizing: border-box;\n"], ["\n box-sizing: border-box;\n"])));
|
|
31982
32002
|
var InternalHeaderListItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
31983
32003
|
var children = _a.children,
|
|
31984
32004
|
rest = __rest(_a, ["children"]);
|
|
@@ -31991,7 +32011,7 @@ var InternalHeaderListItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
31991
32011
|
children: children
|
|
31992
32012
|
}));
|
|
31993
32013
|
});
|
|
31994
|
-
var templateObject_1$
|
|
32014
|
+
var templateObject_1$f;
|
|
31995
32015
|
|
|
31996
32016
|
var InternalHeader = function InternalHeader(_a) {
|
|
31997
32017
|
var applicationName = _a.applicationName,
|
|
@@ -32052,7 +32072,7 @@ var InternalHeader = function InternalHeader(_a) {
|
|
|
32052
32072
|
})
|
|
32053
32073
|
})) : null;
|
|
32054
32074
|
var hasContextMenu = hasContextMenuElements || !!userProps || hasNavInContextMenu;
|
|
32055
|
-
return jsxRuntime.exports.jsxs(Wrapper$
|
|
32075
|
+
return jsxRuntime.exports.jsxs(Wrapper$3, __assign({}, rest, {
|
|
32056
32076
|
children: [jsxRuntime.exports.jsx(BannerWrapper, __assign({
|
|
32057
32077
|
hasContextMenu: hasContextMenu
|
|
32058
32078
|
}, {
|
|
@@ -32127,7 +32147,7 @@ var getWidth = function getWidth(type) {
|
|
|
32127
32147
|
var StyledInput = styled$3(Input$5).withConfig({
|
|
32128
32148
|
displayName: "Datepicker__StyledInput",
|
|
32129
32149
|
componentId: "sc-1ijxhje-0"
|
|
32130
|
-
})(templateObject_1$
|
|
32150
|
+
})(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);
|
|
32131
32151
|
var nextUniqueId$8 = 0;
|
|
32132
32152
|
var Datepicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
32133
32153
|
var id = _a.id,
|
|
@@ -32194,7 +32214,7 @@ var Datepicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
32194
32214
|
})]
|
|
32195
32215
|
}));
|
|
32196
32216
|
});
|
|
32197
|
-
var templateObject_1$
|
|
32217
|
+
var templateObject_1$e;
|
|
32198
32218
|
|
|
32199
32219
|
var Colors$5 = ddsBaseTokens.colors,
|
|
32200
32220
|
Spacing$7 = ddsBaseTokens.spacing,
|
|
@@ -32213,7 +32233,7 @@ var linkHoverBase = {
|
|
|
32213
32233
|
|
|
32214
32234
|
var linkFocusBase = __assign({}, focusVisibleOnDark);
|
|
32215
32235
|
|
|
32216
|
-
var wrapperBase$
|
|
32236
|
+
var wrapperBase$3 = {
|
|
32217
32237
|
backgroundColor: Colors$5.DdsColorPrimaryBase,
|
|
32218
32238
|
padding: Spacing$7.SizesDdsSpacingLocalX025
|
|
32219
32239
|
};
|
|
@@ -32232,21 +32252,21 @@ var skipToContentTokens = {
|
|
|
32232
32252
|
}
|
|
32233
32253
|
},
|
|
32234
32254
|
wrapper: {
|
|
32235
|
-
base: wrapperBase$
|
|
32255
|
+
base: wrapperBase$3
|
|
32236
32256
|
}
|
|
32237
32257
|
};
|
|
32238
32258
|
|
|
32239
|
-
var Wrapper$
|
|
32259
|
+
var Wrapper$2 = styled$3.div.withConfig({
|
|
32240
32260
|
displayName: "SkipToContent__Wrapper",
|
|
32241
32261
|
componentId: "sc-57o1qv-0"
|
|
32242
|
-
})(templateObject_1$
|
|
32262
|
+
})(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) {
|
|
32243
32263
|
var top = _a.top;
|
|
32244
32264
|
return top;
|
|
32245
32265
|
}, skipToContentTokens.wrapper.base);
|
|
32246
32266
|
var Link = styled$3.a.withConfig({
|
|
32247
32267
|
displayName: "SkipToContent__Link",
|
|
32248
32268
|
componentId: "sc-57o1qv-1"
|
|
32249
|
-
})(templateObject_2$
|
|
32269
|
+
})(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);
|
|
32250
32270
|
var SkipToContent = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
32251
32271
|
var _b = _a.text,
|
|
32252
32272
|
text = _b === void 0 ? 'Til hovedinnhold' : _b,
|
|
@@ -32261,7 +32281,7 @@ var SkipToContent = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
32261
32281
|
className: className,
|
|
32262
32282
|
style: style
|
|
32263
32283
|
};
|
|
32264
|
-
return jsxRuntime.exports.jsx(Wrapper$
|
|
32284
|
+
return jsxRuntime.exports.jsx(Wrapper$2, __assign({}, wrapperProps, {
|
|
32265
32285
|
children: jsxRuntime.exports.jsx(Link, __assign({
|
|
32266
32286
|
ref: ref
|
|
32267
32287
|
}, rest, {
|
|
@@ -32269,7 +32289,7 @@ var SkipToContent = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
32269
32289
|
}))
|
|
32270
32290
|
}));
|
|
32271
32291
|
});
|
|
32272
|
-
var templateObject_1$
|
|
32292
|
+
var templateObject_1$d, templateObject_2$a;
|
|
32273
32293
|
|
|
32274
32294
|
var Border$2 = ddsBaseTokens.border,
|
|
32275
32295
|
Colors$4 = ddsBaseTokens.colors,
|
|
@@ -32278,7 +32298,7 @@ var Border$2 = ddsBaseTokens.border,
|
|
|
32278
32298
|
OuterShadow$2 = ddsBaseTokens.outerShadow,
|
|
32279
32299
|
BorderRadius$2 = ddsBaseTokens.borderRadius;
|
|
32280
32300
|
|
|
32281
|
-
var wrapperBase$
|
|
32301
|
+
var wrapperBase$2 = __assign(__assign({
|
|
32282
32302
|
border: "".concat(Border$2.BordersDdsBorderStyleLightStroke, " solid ").concat(Border$2.BordersDdsBorderFocusBaseStrokeWeight),
|
|
32283
32303
|
backgroundColor: Colors$4.DdsColorNeutralsWhite
|
|
32284
32304
|
}, FontPackages.body_sans_02.base), {
|
|
@@ -32289,7 +32309,7 @@ var wrapperBase$1 = __assign(__assign({
|
|
|
32289
32309
|
|
|
32290
32310
|
var tooltipTokens = {
|
|
32291
32311
|
wrapper: {
|
|
32292
|
-
base: wrapperBase$
|
|
32312
|
+
base: wrapperBase$2
|
|
32293
32313
|
},
|
|
32294
32314
|
svgArrow: {
|
|
32295
32315
|
border: {
|
|
@@ -32304,26 +32324,23 @@ var tooltipTokens = {
|
|
|
32304
32324
|
var SvgArrow = styled$3.svg.withConfig({
|
|
32305
32325
|
displayName: "Tooltipstyles__SvgArrow",
|
|
32306
32326
|
componentId: "sc-1cna5tc-0"
|
|
32307
|
-
})(templateObject_1$
|
|
32327
|
+
})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n width: 36px;\n height: 9px;\n"], ["\n width: 36px;\n height: 9px;\n"])));
|
|
32308
32328
|
var ArrowWrapper = styled$3.div.withConfig({
|
|
32309
32329
|
displayName: "Tooltipstyles__ArrowWrapper",
|
|
32310
32330
|
componentId: "sc-1cna5tc-1"
|
|
32311
|
-
})(templateObject_2$
|
|
32331
|
+
})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject([""], [""])));
|
|
32312
32332
|
var Container$7 = styled$3.div.withConfig({
|
|
32313
32333
|
displayName: "Tooltipstyles__Container",
|
|
32314
32334
|
componentId: "sc-1cna5tc-2"
|
|
32315
|
-
})(templateObject_3$
|
|
32335
|
+
})(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n width: fit-content;\n"], ["\n width: fit-content;\n"])));
|
|
32316
32336
|
var TooltipWrapper = styled$3.div.withConfig({
|
|
32317
32337
|
displayName: "Tooltipstyles__TooltipWrapper",
|
|
32318
32338
|
componentId: "sc-1cna5tc-3"
|
|
32319
|
-
})(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n &::selection {\n ", "\n }\n
|
|
32320
|
-
var open = _a.open;
|
|
32321
|
-
return open ? 'visible' : 'hidden';
|
|
32322
|
-
}, function (_a) {
|
|
32339
|
+
})(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) {
|
|
32323
32340
|
var open = _a.open;
|
|
32324
|
-
return open
|
|
32341
|
+
return visibilityTransition(open);
|
|
32325
32342
|
}, tooltipTokens.wrapper.base);
|
|
32326
|
-
var templateObject_1$
|
|
32343
|
+
var templateObject_1$c, templateObject_2$9, templateObject_3$6, templateObject_4$3;
|
|
32327
32344
|
|
|
32328
32345
|
var nextUniqueId$7 = 0;
|
|
32329
32346
|
var Tooltip = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
@@ -32473,15 +32490,15 @@ var modalTokens = {
|
|
|
32473
32490
|
var Container$6 = styled$3.div.withConfig({
|
|
32474
32491
|
displayName: "Modal__Container",
|
|
32475
32492
|
componentId: "sc-12c14zx-0"
|
|
32476
|
-
})(templateObject_1$
|
|
32493
|
+
})(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);
|
|
32477
32494
|
var ContentContainer$2 = styled$3.div.withConfig({
|
|
32478
32495
|
displayName: "Modal__ContentContainer",
|
|
32479
32496
|
componentId: "sc-12c14zx-1"
|
|
32480
|
-
})(templateObject_2$
|
|
32497
|
+
})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n display: grid;\n ", "\n"], ["\n display: grid;\n ", "\n"])), modalTokens.contentContainer.base);
|
|
32481
32498
|
var HeaderContainer$1 = styled$3.div.withConfig({
|
|
32482
32499
|
displayName: "Modal__HeaderContainer",
|
|
32483
32500
|
componentId: "sc-12c14zx-2"
|
|
32484
|
-
})(templateObject_3$
|
|
32501
|
+
})(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject([""], [""])));
|
|
32485
32502
|
var StyledButton$2 = styled$3(Button$1).withConfig({
|
|
32486
32503
|
displayName: "Modal__StyledButton",
|
|
32487
32504
|
componentId: "sc-12c14zx-3"
|
|
@@ -32566,14 +32583,14 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
32566
32583
|
}))
|
|
32567
32584
|
})), parentElement) : null;
|
|
32568
32585
|
});
|
|
32569
|
-
var templateObject_1$
|
|
32586
|
+
var templateObject_1$b, templateObject_2$8, templateObject_3$5, templateObject_4$2;
|
|
32570
32587
|
|
|
32571
32588
|
var Container$5 = styled$3.div.withConfig({
|
|
32572
32589
|
displayName: "ModalBody__Container",
|
|
32573
32590
|
componentId: "sc-134o0zg-0"
|
|
32574
|
-
})(templateObject_2$
|
|
32591
|
+
})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n ", "\n transition: ", ";\n ", "\n"], ["\n ", "\n transition: ", ";\n ", "\n"])), scrollbarStyling, focusVisibleTransitionValue, function (_a) {
|
|
32575
32592
|
var scrollable = _a.scrollable;
|
|
32576
|
-
return scrollable && Ae(templateObject_1$
|
|
32593
|
+
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);
|
|
32577
32594
|
});
|
|
32578
32595
|
var ModalBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
32579
32596
|
var children = _a.children,
|
|
@@ -32590,12 +32607,12 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
32590
32607
|
children: children
|
|
32591
32608
|
}));
|
|
32592
32609
|
});
|
|
32593
|
-
var templateObject_1$
|
|
32610
|
+
var templateObject_1$a, templateObject_2$7;
|
|
32594
32611
|
|
|
32595
32612
|
var Container$4 = styled$3.div.withConfig({
|
|
32596
32613
|
displayName: "ModalActions__Container",
|
|
32597
32614
|
componentId: "sc-ehph9l-0"
|
|
32598
|
-
})(templateObject_1$
|
|
32615
|
+
})(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);
|
|
32599
32616
|
var ModalActions = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
32600
32617
|
var children = _a.children,
|
|
32601
32618
|
rest = __rest(_a, ["children"]);
|
|
@@ -32608,7 +32625,7 @@ var ModalActions = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
32608
32625
|
children: children
|
|
32609
32626
|
}));
|
|
32610
32627
|
});
|
|
32611
|
-
var templateObject_1$
|
|
32628
|
+
var templateObject_1$9;
|
|
32612
32629
|
|
|
32613
32630
|
var Spacing$4 = ddsBaseTokens.spacing;
|
|
32614
32631
|
var containerBase$1 = {
|
|
@@ -32644,16 +32661,16 @@ var drawerTokens = {
|
|
|
32644
32661
|
var Container$3 = styled$3(Paper).withConfig({
|
|
32645
32662
|
displayName: "Drawer__Container",
|
|
32646
32663
|
componentId: "sc-i9luw3-0"
|
|
32647
|
-
})(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) {
|
|
32664
|
+
})(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) {
|
|
32648
32665
|
var size = _a.size;
|
|
32649
|
-
return Ae(templateObject_1$
|
|
32666
|
+
return Ae(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), drawerTokens.container.size[size].base);
|
|
32650
32667
|
}, function (_a) {
|
|
32651
32668
|
var widthProps = _a.widthProps;
|
|
32652
|
-
return widthProps && Ae(templateObject_2$
|
|
32669
|
+
return widthProps && Ae(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), widthProps);
|
|
32653
32670
|
}, function (_a) {
|
|
32654
32671
|
var placement = _a.placement,
|
|
32655
32672
|
isOpen = _a.isOpen;
|
|
32656
|
-
return placement === 'left' ? Ae(templateObject_3$
|
|
32673
|
+
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%)') : '';
|
|
32657
32674
|
}, drawerTokens.container.base, focusVisible);
|
|
32658
32675
|
var ContentContainer$1 = styled$3.div.withConfig({
|
|
32659
32676
|
displayName: "Drawer__ContentContainer",
|
|
@@ -32738,7 +32755,7 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
32738
32755
|
})]
|
|
32739
32756
|
})), parentElement) : null;
|
|
32740
32757
|
});
|
|
32741
|
-
var templateObject_1$
|
|
32758
|
+
var templateObject_1$8, templateObject_2$6, templateObject_3$4, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8;
|
|
32742
32759
|
|
|
32743
32760
|
var nextUniqueId$4 = 0;
|
|
32744
32761
|
var DrawerGroup = function DrawerGroup(_a) {
|
|
@@ -32796,7 +32813,7 @@ var Colors$2 = ddsBaseTokens.colors,
|
|
|
32796
32813
|
Spacing$3 = ddsBaseTokens.spacing,
|
|
32797
32814
|
OuterShadow = ddsBaseTokens.outerShadow,
|
|
32798
32815
|
Border$1 = ddsBaseTokens.border;
|
|
32799
|
-
var wrapperBase = {
|
|
32816
|
+
var wrapperBase$1 = {
|
|
32800
32817
|
backgroundColor: Colors$2.DdsColorNeutralsWhite,
|
|
32801
32818
|
borderRadius: BorderRadius.RadiiDdsBorderRadius1Radius,
|
|
32802
32819
|
padding: "".concat(Spacing$3.SizesDdsSpacingLocalX075, " ").concat(Spacing$3.SizesDdsSpacingLocalX1, " ").concat(Spacing$3.SizesDdsSpacingLocalX15, " ").concat(Spacing$3.SizesDdsSpacingLocalX1),
|
|
@@ -32813,7 +32830,7 @@ var titleBase = {
|
|
|
32813
32830
|
};
|
|
32814
32831
|
var popoverTokens = {
|
|
32815
32832
|
wrapper: {
|
|
32816
|
-
base: wrapperBase
|
|
32833
|
+
base: wrapperBase$1
|
|
32817
32834
|
},
|
|
32818
32835
|
button: {
|
|
32819
32836
|
base: buttonBase
|
|
@@ -32827,23 +32844,20 @@ var popoverTokens = {
|
|
|
32827
32844
|
};
|
|
32828
32845
|
|
|
32829
32846
|
var Spacing$2 = ddsBaseTokens.spacing;
|
|
32830
|
-
var Wrapper = styled$3.div.withConfig({
|
|
32847
|
+
var Wrapper$1 = styled$3.div.withConfig({
|
|
32831
32848
|
displayName: "Popover__Wrapper",
|
|
32832
32849
|
componentId: "sc-1fecd7e-0"
|
|
32833
|
-
})(templateObject_2$
|
|
32850
|
+
})(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) {
|
|
32834
32851
|
var isOpen = _a.isOpen;
|
|
32835
|
-
return isOpen
|
|
32836
|
-
}, function (_a) {
|
|
32837
|
-
var isOpen = _a.isOpen;
|
|
32838
|
-
return isOpen ? 1 : 0;
|
|
32852
|
+
return visibilityTransition(isOpen);
|
|
32839
32853
|
}, popoverTokens.wrapper.base, function (_a) {
|
|
32840
32854
|
var sizeProps = _a.sizeProps;
|
|
32841
|
-
return sizeProps && Ae(templateObject_1$
|
|
32855
|
+
return sizeProps && Ae(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), sizeProps);
|
|
32842
32856
|
});
|
|
32843
32857
|
var TitleContainer = styled$3.div.withConfig({
|
|
32844
32858
|
displayName: "Popover__TitleContainer",
|
|
32845
32859
|
componentId: "sc-1fecd7e-1"
|
|
32846
|
-
})(templateObject_3$
|
|
32860
|
+
})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), popoverTokens.title.base);
|
|
32847
32861
|
var ContentContainer = styled$3.div.withConfig({
|
|
32848
32862
|
displayName: "Popover__ContentContainer",
|
|
32849
32863
|
componentId: "sc-1fecd7e-2"
|
|
@@ -32894,7 +32908,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
32894
32908
|
role: 'dialog'
|
|
32895
32909
|
});
|
|
32896
32910
|
|
|
32897
|
-
return jsxRuntime.exports.jsxs(Wrapper, __assign({}, wrapperProps, {
|
|
32911
|
+
return jsxRuntime.exports.jsxs(Wrapper$1, __assign({}, wrapperProps, {
|
|
32898
32912
|
children: [title && jsxRuntime.exports.jsx(TitleContainer, {
|
|
32899
32913
|
children: typeof title === 'string' ? jsxRuntime.exports.jsx(Typography, __assign({
|
|
32900
32914
|
typographyType: "headingSans02"
|
|
@@ -32917,7 +32931,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
32917
32931
|
})]
|
|
32918
32932
|
}));
|
|
32919
32933
|
});
|
|
32920
|
-
var templateObject_1$
|
|
32934
|
+
var templateObject_1$7, templateObject_2$5, templateObject_3$3, templateObject_4, templateObject_5, templateObject_6;
|
|
32921
32935
|
|
|
32922
32936
|
var nextUniqueId$3 = 0;
|
|
32923
32937
|
var PopoverGroup = function PopoverGroup(_a) {
|
|
@@ -33049,15 +33063,15 @@ var toggleButtonTokens = {
|
|
|
33049
33063
|
var Input = styled$3.input.withConfig({
|
|
33050
33064
|
displayName: "ToggleButton__Input",
|
|
33051
33065
|
componentId: "sc-ya01sa-0"
|
|
33052
|
-
})(templateObject_1$
|
|
33066
|
+
})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), hideInput);
|
|
33053
33067
|
var Content = styled$3.span.withConfig({
|
|
33054
33068
|
displayName: "ToggleButton__Content",
|
|
33055
33069
|
componentId: "sc-ya01sa-1"
|
|
33056
|
-
})(templateObject_2$
|
|
33070
|
+
})(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);
|
|
33057
33071
|
var Container$2 = styled$3.label.withConfig({
|
|
33058
33072
|
displayName: "ToggleButton__Container",
|
|
33059
33073
|
componentId: "sc-ya01sa-2"
|
|
33060
|
-
})(templateObject_3$
|
|
33074
|
+
})(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);
|
|
33061
33075
|
var nextUniqueId$2 = 0;
|
|
33062
33076
|
var ToggleButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
33063
33077
|
var id = _a.id,
|
|
@@ -33085,19 +33099,19 @@ var ToggleButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
33085
33099
|
})]
|
|
33086
33100
|
}));
|
|
33087
33101
|
});
|
|
33088
|
-
var templateObject_1$
|
|
33102
|
+
var templateObject_1$6, templateObject_2$4, templateObject_3$2;
|
|
33089
33103
|
|
|
33090
33104
|
var Group = styled$3.div.withConfig({
|
|
33091
33105
|
displayName: "ToggleButtonGroup__Group",
|
|
33092
33106
|
componentId: "sc-14ijdag-0"
|
|
33093
|
-
})(templateObject_2$
|
|
33107
|
+
})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), toggleButtonTokens.group.base, function (_a) {
|
|
33094
33108
|
var direction = _a.direction;
|
|
33095
|
-
return Ae(templateObject_1$
|
|
33109
|
+
return Ae(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n flex-direction: ", ";\n "], ["\n flex-direction: ", ";\n "])), direction);
|
|
33096
33110
|
});
|
|
33097
33111
|
var Container$1 = styled$3.div.withConfig({
|
|
33098
33112
|
displayName: "ToggleButtonGroup__Container",
|
|
33099
33113
|
componentId: "sc-14ijdag-1"
|
|
33100
|
-
})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), toggleButtonTokens.container.base);
|
|
33114
|
+
})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), toggleButtonTokens.container.base);
|
|
33101
33115
|
var nextUniqueId$1 = 0;
|
|
33102
33116
|
var ToggleButtonGroup = function ToggleButtonGroup(_a) {
|
|
33103
33117
|
var children = _a.children,
|
|
@@ -33129,7 +33143,7 @@ var ToggleButtonGroup = function ToggleButtonGroup(_a) {
|
|
|
33129
33143
|
}))]
|
|
33130
33144
|
}));
|
|
33131
33145
|
};
|
|
33132
|
-
var templateObject_1$
|
|
33146
|
+
var templateObject_1$5, templateObject_2$3, templateObject_3$1;
|
|
33133
33147
|
|
|
33134
33148
|
var TabsContext = /*#__PURE__*/React.createContext({
|
|
33135
33149
|
activeTab: 0,
|
|
@@ -33153,7 +33167,7 @@ var useTabsContext = function useTabsContext() {
|
|
|
33153
33167
|
var Container = styled$3.div.withConfig({
|
|
33154
33168
|
displayName: "Tabs__Container",
|
|
33155
33169
|
componentId: "sc-7ta5g2-0"
|
|
33156
|
-
})(templateObject_1$
|
|
33170
|
+
})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject([""], [""])));
|
|
33157
33171
|
var nextUniqueId = 0;
|
|
33158
33172
|
var Tabs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
33159
33173
|
var id = _a.id,
|
|
@@ -33205,7 +33219,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
33205
33219
|
children: jsxRuntime.exports.jsx(Container, __assign({}, containerProps))
|
|
33206
33220
|
}));
|
|
33207
33221
|
});
|
|
33208
|
-
var templateObject_1$
|
|
33222
|
+
var templateObject_1$4;
|
|
33209
33223
|
|
|
33210
33224
|
var Border = ddsBaseTokens.border,
|
|
33211
33225
|
Spacing = ddsBaseTokens.spacing,
|
|
@@ -33262,6 +33276,9 @@ var tabFocusBase = __assign(__assign({}, focusVisible), {
|
|
|
33262
33276
|
var tabPanelBase = {
|
|
33263
33277
|
padding: Spacing.SizesDdsSpacingLocalX025
|
|
33264
33278
|
};
|
|
33279
|
+
|
|
33280
|
+
var tabPanelFocusVisibleBase = __assign({}, focusVisible);
|
|
33281
|
+
|
|
33265
33282
|
var tabsTokens = {
|
|
33266
33283
|
tabList: {
|
|
33267
33284
|
base: tabListBase,
|
|
@@ -33293,14 +33310,17 @@ var tabsTokens = {
|
|
|
33293
33310
|
}
|
|
33294
33311
|
},
|
|
33295
33312
|
panel: {
|
|
33296
|
-
base: tabPanelBase
|
|
33313
|
+
base: tabPanelBase,
|
|
33314
|
+
focusVisible: {
|
|
33315
|
+
base: tabPanelFocusVisibleBase
|
|
33316
|
+
}
|
|
33297
33317
|
}
|
|
33298
33318
|
};
|
|
33299
33319
|
|
|
33300
33320
|
var Button = styled$3.button.withConfig({
|
|
33301
33321
|
displayName: "Tab__Button",
|
|
33302
33322
|
componentId: "sc-1dd8soq-0"
|
|
33303
|
-
})(templateObject_2$
|
|
33323
|
+
})(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) {
|
|
33304
33324
|
var width = _a.width;
|
|
33305
33325
|
return width;
|
|
33306
33326
|
}, function (_a) {
|
|
@@ -33308,7 +33328,7 @@ var Button = styled$3.button.withConfig({
|
|
|
33308
33328
|
return tabsTokens.tab.direction[direction].base;
|
|
33309
33329
|
}, function (_a) {
|
|
33310
33330
|
var active = _a.active;
|
|
33311
|
-
return active && Ae(templateObject_1$
|
|
33331
|
+
return active && Ae(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), tabsTokens.tab.active.base);
|
|
33312
33332
|
}, tabsTokens.tab.focus.base, tabsTokens.tab.hover.base);
|
|
33313
33333
|
var Tab = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
33314
33334
|
var _b = _a.active,
|
|
@@ -33385,12 +33405,12 @@ var Tab = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
33385
33405
|
})]
|
|
33386
33406
|
}));
|
|
33387
33407
|
});
|
|
33388
|
-
var templateObject_1$
|
|
33408
|
+
var templateObject_1$3, templateObject_2$2;
|
|
33389
33409
|
|
|
33390
33410
|
var TabRow = styled$3.div.withConfig({
|
|
33391
33411
|
displayName: "TabList__TabRow",
|
|
33392
33412
|
componentId: "sc-1ldr0lz-0"
|
|
33393
|
-
})(templateObject_1$
|
|
33413
|
+
})(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);
|
|
33394
33414
|
var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
33395
33415
|
var children = _a.children,
|
|
33396
33416
|
id = _a.id,
|
|
@@ -33455,15 +33475,15 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
33455
33475
|
children: tabListChildren
|
|
33456
33476
|
}));
|
|
33457
33477
|
});
|
|
33458
|
-
var templateObject_1$
|
|
33478
|
+
var templateObject_1$2;
|
|
33459
33479
|
|
|
33460
33480
|
var Panel = styled$3.div.withConfig({
|
|
33461
33481
|
displayName: "TabPanel__Panel",
|
|
33462
33482
|
componentId: "sc-vkzivq-0"
|
|
33463
|
-
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n transition:
|
|
33483
|
+
})(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) {
|
|
33464
33484
|
var active = _a.active;
|
|
33465
|
-
return !active && Ae(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: none;\n "], ["\n display: none;\n "])));
|
|
33466
|
-
}, focusVisible);
|
|
33485
|
+
return !active && Ae(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n display: none;\n "], ["\n display: none;\n "])));
|
|
33486
|
+
}, tabsTokens.panel.focusVisible.base);
|
|
33467
33487
|
var TabPanel = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
33468
33488
|
var _b = _a.active,
|
|
33469
33489
|
active = _b === void 0 ? false : _b,
|
|
@@ -33481,7 +33501,7 @@ var TabPanel = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
33481
33501
|
children: children
|
|
33482
33502
|
}));
|
|
33483
33503
|
});
|
|
33484
|
-
var templateObject_1, templateObject_2;
|
|
33504
|
+
var templateObject_1$1, templateObject_2$1;
|
|
33485
33505
|
|
|
33486
33506
|
var TabPanels = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
33487
33507
|
var children = _a.children,
|
|
@@ -33509,6 +33529,91 @@ var TabPanels = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
33509
33529
|
}));
|
|
33510
33530
|
});
|
|
33511
33531
|
|
|
33532
|
+
var colors = ddsBaseTokens.colors,
|
|
33533
|
+
borderRadius = ddsBaseTokens.borderRadius,
|
|
33534
|
+
spacing = ddsBaseTokens.spacing;
|
|
33535
|
+
var wrapperBase = {
|
|
33536
|
+
border: '1px solid',
|
|
33537
|
+
borderRadius: borderRadius.RadiiDdsBorderRadius1Radius,
|
|
33538
|
+
padding: "".concat(spacing.SizesDdsSpacingLocalX0125, " ").concat(spacing.SizesDdsSpacingLocalX025),
|
|
33539
|
+
maxWidth: '100%',
|
|
33540
|
+
display: 'inline-flex',
|
|
33541
|
+
alignItems: 'center'
|
|
33542
|
+
};
|
|
33543
|
+
var innerBase = {
|
|
33544
|
+
whiteSpace: 'nowrap',
|
|
33545
|
+
overflow: 'hidden',
|
|
33546
|
+
textOverflow: 'ellipsis'
|
|
33547
|
+
};
|
|
33548
|
+
var defaultBase = {
|
|
33549
|
+
backgroundColor: colors.DdsColorNeutralsGray1,
|
|
33550
|
+
borderColor: colors.DdsColorNeutralsGray3
|
|
33551
|
+
};
|
|
33552
|
+
|
|
33553
|
+
var successBase = __assign({}, localMessageTokens.container.success.base);
|
|
33554
|
+
|
|
33555
|
+
var warningBase = __assign({}, localMessageTokens.container.warning.base);
|
|
33556
|
+
|
|
33557
|
+
var dangerBase = __assign({}, localMessageTokens.container.danger.base);
|
|
33558
|
+
|
|
33559
|
+
var infoBase = __assign({}, localMessageTokens.container.info.base);
|
|
33560
|
+
|
|
33561
|
+
var tagTokens = {
|
|
33562
|
+
wrapper: {
|
|
33563
|
+
base: wrapperBase,
|
|
33564
|
+
type: {
|
|
33565
|
+
success: {
|
|
33566
|
+
base: successBase
|
|
33567
|
+
},
|
|
33568
|
+
warning: {
|
|
33569
|
+
base: warningBase
|
|
33570
|
+
},
|
|
33571
|
+
danger: {
|
|
33572
|
+
base: dangerBase
|
|
33573
|
+
},
|
|
33574
|
+
"default": {
|
|
33575
|
+
base: defaultBase
|
|
33576
|
+
},
|
|
33577
|
+
info: {
|
|
33578
|
+
base: infoBase
|
|
33579
|
+
}
|
|
33580
|
+
}
|
|
33581
|
+
},
|
|
33582
|
+
inner: {
|
|
33583
|
+
base: innerBase
|
|
33584
|
+
}
|
|
33585
|
+
};
|
|
33586
|
+
|
|
33587
|
+
var Wrapper = styled$3(Typography).withConfig({
|
|
33588
|
+
displayName: "Tag__Wrapper",
|
|
33589
|
+
componentId: "sc-rdxtch-0"
|
|
33590
|
+
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), tagTokens.wrapper.base, function (_a) {
|
|
33591
|
+
var purpose = _a.purpose;
|
|
33592
|
+
return Ae(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), tagTokens.wrapper.type[purpose].base);
|
|
33593
|
+
});
|
|
33594
|
+
var Inner = styled$3.span.withConfig({
|
|
33595
|
+
displayName: "Tag__Inner",
|
|
33596
|
+
componentId: "sc-rdxtch-1"
|
|
33597
|
+
})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), tagTokens.inner.base);
|
|
33598
|
+
var Tag = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
33599
|
+
var text = _a.text,
|
|
33600
|
+
_b = _a.purpose,
|
|
33601
|
+
purpose = _b === void 0 ? 'default' : _b,
|
|
33602
|
+
rest = __rest(_a, ["text", "purpose"]);
|
|
33603
|
+
|
|
33604
|
+
return jsxRuntime.exports.jsx(Wrapper, __assign({
|
|
33605
|
+
forwardedAs: "span",
|
|
33606
|
+
typographyType: "bodySans01",
|
|
33607
|
+
ref: ref,
|
|
33608
|
+
purpose: purpose
|
|
33609
|
+
}, rest, {
|
|
33610
|
+
children: jsxRuntime.exports.jsx(Inner, {
|
|
33611
|
+
children: text
|
|
33612
|
+
})
|
|
33613
|
+
}));
|
|
33614
|
+
});
|
|
33615
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
33616
|
+
|
|
33512
33617
|
exports.Body = Body$1;
|
|
33513
33618
|
exports.Breadcrumb = Breadcrumb;
|
|
33514
33619
|
exports.Breadcrumbs = Breadcrumbs;
|
|
@@ -33562,6 +33667,7 @@ exports.TabPanels = TabPanels;
|
|
|
33562
33667
|
exports.Table = Table;
|
|
33563
33668
|
exports.TableWrapper = TableWrapper;
|
|
33564
33669
|
exports.Tabs = Tabs;
|
|
33670
|
+
exports.Tag = Tag;
|
|
33565
33671
|
exports.TextInput = TextInput;
|
|
33566
33672
|
exports.ToggleButton = ToggleButton;
|
|
33567
33673
|
exports.ToggleButtonGroup = ToggleButtonGroup;
|