@symbo.ls/uikit 2.11.178 → 2.11.180
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.cjs.js +135 -4
- package/dist/index.cjs.js.map +4 -4
- package/index.js +1 -3
- package/package.json +3 -6
package/dist/index.cjs.js
CHANGED
|
@@ -15032,6 +15032,137 @@ var TimePickerItem = {
|
|
|
15032
15032
|
Button_minus: { icon: "minus" }
|
|
15033
15033
|
};
|
|
15034
15034
|
|
|
15035
|
+
// TimePicker/node_modules/@symbo.ls/icon/index.js
|
|
15036
|
+
var Icon2 = {
|
|
15037
|
+
extend: Svg,
|
|
15038
|
+
props: ({ key, props: props4, parent, context }) => {
|
|
15039
|
+
const { ICONS, useIconSprite, verbose } = context && context.designSystem;
|
|
15040
|
+
const { toCamelCase } = context && context.utils;
|
|
15041
|
+
const iconName = props4.inheritedString || props4.name || props4.icon || key;
|
|
15042
|
+
const camelCase = toCamelCase(iconName);
|
|
15043
|
+
const isArray3 = camelCase.split(/([a-z])([A-Z])/g);
|
|
15044
|
+
let activeIconName;
|
|
15045
|
+
if (props4.active) {
|
|
15046
|
+
activeIconName = props4[".active"].name || props4[".active"].icon;
|
|
15047
|
+
}
|
|
15048
|
+
if (parent && parent.props && parent.props.active && parent.props[".active"] && parent.props[".active"].icon) {
|
|
15049
|
+
activeIconName = parent.props[".active"].icon.name || parent.props[".active"].icon.icon || parent.props[".active"].icon;
|
|
15050
|
+
}
|
|
15051
|
+
let validIconName;
|
|
15052
|
+
if (ICONS[activeIconName])
|
|
15053
|
+
validIconName = activeIconName;
|
|
15054
|
+
if (ICONS[camelCase])
|
|
15055
|
+
validIconName = camelCase;
|
|
15056
|
+
else if (ICONS[isArray3[0] + isArray3[1]])
|
|
15057
|
+
validIconName = isArray3[0] + isArray3[1];
|
|
15058
|
+
else if (ICONS[isArray3[0]])
|
|
15059
|
+
validIconName = isArray3[0];
|
|
15060
|
+
else {
|
|
15061
|
+
if (verbose)
|
|
15062
|
+
console.warn("Can't find icon:", iconName, validIconName);
|
|
15063
|
+
}
|
|
15064
|
+
const iconFromLibrary = ICONS[validIconName];
|
|
15065
|
+
const directSrc = parent && parent.props && parent.props.src || props4.src;
|
|
15066
|
+
return {
|
|
15067
|
+
width: "A",
|
|
15068
|
+
height: "A",
|
|
15069
|
+
display: "inline-block",
|
|
15070
|
+
spriteId: useIconSprite && validIconName,
|
|
15071
|
+
src: iconFromLibrary || directSrc || ICONS.noIcon,
|
|
15072
|
+
style: { fill: "currentColor" }
|
|
15073
|
+
};
|
|
15074
|
+
},
|
|
15075
|
+
attr: { viewBox: "0 0 24 24" }
|
|
15076
|
+
};
|
|
15077
|
+
var IconText2 = {
|
|
15078
|
+
extend: Flex,
|
|
15079
|
+
props: {
|
|
15080
|
+
align: "center center",
|
|
15081
|
+
lineHeight: 1
|
|
15082
|
+
},
|
|
15083
|
+
// TODO: remove this variant
|
|
15084
|
+
icon: {
|
|
15085
|
+
extend: Icon2,
|
|
15086
|
+
if: ({ parent }) => parent.props.icon
|
|
15087
|
+
},
|
|
15088
|
+
Icon: {
|
|
15089
|
+
props: {},
|
|
15090
|
+
if: ({ props: props4 }) => props4.name || props4.icon
|
|
15091
|
+
},
|
|
15092
|
+
text: ({ props: props4 }) => props4.text,
|
|
15093
|
+
".reversed": {
|
|
15094
|
+
props: { flow: "row-reverse" }
|
|
15095
|
+
},
|
|
15096
|
+
".vertical": {
|
|
15097
|
+
props: { flow: "column" }
|
|
15098
|
+
}
|
|
15099
|
+
};
|
|
15100
|
+
|
|
15101
|
+
// TimePicker/node_modules/@symbo.ls/button/index.js
|
|
15102
|
+
var Button2 = {
|
|
15103
|
+
extend: [FocusableComponent, IconText2],
|
|
15104
|
+
tag: "button",
|
|
15105
|
+
props: {
|
|
15106
|
+
fontSize: "A",
|
|
15107
|
+
type: "button",
|
|
15108
|
+
border: "none",
|
|
15109
|
+
display: "inline-flex",
|
|
15110
|
+
align: "center center",
|
|
15111
|
+
textDecoration: "none",
|
|
15112
|
+
lineHeight: "1",
|
|
15113
|
+
whiteSpace: "nowrap",
|
|
15114
|
+
padding: "Z A1",
|
|
15115
|
+
fontFamily: "inherit",
|
|
15116
|
+
round: "C2"
|
|
15117
|
+
},
|
|
15118
|
+
attr: {
|
|
15119
|
+
type: ({ props: props4 }) => props4.type
|
|
15120
|
+
}
|
|
15121
|
+
};
|
|
15122
|
+
var CommonButton2 = {
|
|
15123
|
+
extend: Button2,
|
|
15124
|
+
props: {
|
|
15125
|
+
color: "white",
|
|
15126
|
+
background: "blue",
|
|
15127
|
+
boxSize: "fit-content",
|
|
15128
|
+
padding: "A A2",
|
|
15129
|
+
round: "Z2",
|
|
15130
|
+
gap: "Y2",
|
|
15131
|
+
position: "relative"
|
|
15132
|
+
},
|
|
15133
|
+
icon: {
|
|
15134
|
+
props: { fontSize: "C" }
|
|
15135
|
+
},
|
|
15136
|
+
Caption: {
|
|
15137
|
+
props: {
|
|
15138
|
+
text: "Button",
|
|
15139
|
+
line_height: "1em"
|
|
15140
|
+
}
|
|
15141
|
+
}
|
|
15142
|
+
};
|
|
15143
|
+
var CancelConfirmButtons2 = {
|
|
15144
|
+
extend: Flex,
|
|
15145
|
+
childExtend: {
|
|
15146
|
+
extend: CommonButton2,
|
|
15147
|
+
props: {
|
|
15148
|
+
minWidth: "D2",
|
|
15149
|
+
":first-child": {
|
|
15150
|
+
background: "transparent",
|
|
15151
|
+
border: "1px solid #20202B"
|
|
15152
|
+
},
|
|
15153
|
+
":last-child": {}
|
|
15154
|
+
}
|
|
15155
|
+
},
|
|
15156
|
+
...[
|
|
15157
|
+
{ Caption: { text: "No" } },
|
|
15158
|
+
{ Caption: { text: "Yes" } }
|
|
15159
|
+
],
|
|
15160
|
+
props: {
|
|
15161
|
+
gap: "Z",
|
|
15162
|
+
maxWidth: "fit-content"
|
|
15163
|
+
}
|
|
15164
|
+
};
|
|
15165
|
+
|
|
15035
15166
|
// TimePicker/TimeSwitcher.js
|
|
15036
15167
|
var props3 = {
|
|
15037
15168
|
boxSize: "C B2",
|
|
@@ -15044,7 +15175,7 @@ var TimeSwitcher = {
|
|
|
15044
15175
|
props: props3,
|
|
15045
15176
|
extend: Flex,
|
|
15046
15177
|
childExtend: {
|
|
15047
|
-
extend:
|
|
15178
|
+
extend: Button2,
|
|
15048
15179
|
props: ({ state, key }) => ({
|
|
15049
15180
|
active: state.activeShift === key,
|
|
15050
15181
|
padding: "0",
|
|
@@ -16212,6 +16343,9 @@ var UserWithButton = {
|
|
|
16212
16343
|
}
|
|
16213
16344
|
};
|
|
16214
16345
|
|
|
16346
|
+
// Table/index.js
|
|
16347
|
+
var Table = {};
|
|
16348
|
+
|
|
16215
16349
|
// Card/BalanceCard.js
|
|
16216
16350
|
var BalanceCard = {
|
|
16217
16351
|
extend: TitleParagraphWithButton,
|
|
@@ -16365,9 +16499,6 @@ var CurrencyConvert = {
|
|
|
16365
16499
|
}
|
|
16366
16500
|
}
|
|
16367
16501
|
};
|
|
16368
|
-
|
|
16369
|
-
// Table/index.js
|
|
16370
|
-
var Table = {};
|
|
16371
16502
|
/*! Bundled license information:
|
|
16372
16503
|
|
|
16373
16504
|
moment/moment.js:
|