fis-component 0.0.47 → 0.0.49
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/cjs/index.js +186 -185
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/src/components/Select/types.d.ts +1 -1
- package/dist/cjs/types/src/styles/design-system/variable.d.ts +1 -1
- package/dist/cjs/types/src/utils/getTheme.d.ts +1 -1
- package/dist/esm/index.js +186 -185
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/src/components/Select/types.d.ts +1 -1
- package/dist/esm/types/src/styles/design-system/variable.d.ts +1 -1
- package/dist/esm/types/src/utils/getTheme.d.ts +1 -1
- package/dist/index.d.ts +2 -2
- package/package.json +1 -1
- package/src/styles/design-system/variable.ts +286 -234
package/dist/cjs/index.js
CHANGED
|
@@ -978,7 +978,7 @@ var theme = {
|
|
|
978
978
|
"com/menu/left-padding": "8px",
|
|
979
979
|
"com/menu/corner-radius": "12px",
|
|
980
980
|
"com/menu/min-width": "132px",
|
|
981
|
-
"com/menu/max-height": "
|
|
981
|
+
"com/menu/max-height": "380px",
|
|
982
982
|
"com/menu/height": "204px",
|
|
983
983
|
"com/menu/search-bar/size": "Md (36)",
|
|
984
984
|
"com/menu/scrollbar/direction": "Vertical",
|
|
@@ -3128,237 +3128,237 @@ var theme = {
|
|
|
3128
3128
|
"Elevation/Level-3": "0px 4px 8px -2px #00375b0e, 0px 16px 32px -12px #0a2f4d22",
|
|
3129
3129
|
"Form's-Row": [
|
|
3130
3130
|
{
|
|
3131
|
-
|
|
3132
|
-
|
|
3133
|
-
|
|
3134
|
-
|
|
3135
|
-
|
|
3136
|
-
|
|
3137
|
-
|
|
3138
|
-
}
|
|
3131
|
+
pattern: "columns",
|
|
3132
|
+
visible: true,
|
|
3133
|
+
alignment: "stretch",
|
|
3134
|
+
color: "#c48eff26",
|
|
3135
|
+
gutterSize: "16px",
|
|
3136
|
+
count: 4,
|
|
3137
|
+
offset: "0px",
|
|
3138
|
+
},
|
|
3139
3139
|
],
|
|
3140
3140
|
"Grid/Container-Lg": [
|
|
3141
3141
|
{
|
|
3142
|
-
|
|
3143
|
-
|
|
3144
|
-
|
|
3145
|
-
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
|
|
3149
|
-
}
|
|
3142
|
+
pattern: "columns",
|
|
3143
|
+
visible: true,
|
|
3144
|
+
alignment: "stretch",
|
|
3145
|
+
color: "#c48eff26",
|
|
3146
|
+
gutterSize: "20px",
|
|
3147
|
+
count: 12,
|
|
3148
|
+
offset: "24px",
|
|
3149
|
+
},
|
|
3150
3150
|
],
|
|
3151
3151
|
"Grid/Container-Md": [
|
|
3152
3152
|
{
|
|
3153
|
-
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
}
|
|
3153
|
+
pattern: "columns",
|
|
3154
|
+
visible: true,
|
|
3155
|
+
alignment: "stretch",
|
|
3156
|
+
color: "#c48eff26",
|
|
3157
|
+
gutterSize: "20px",
|
|
3158
|
+
count: 8,
|
|
3159
|
+
offset: "20px",
|
|
3160
|
+
},
|
|
3161
3161
|
],
|
|
3162
3162
|
"Grid/Container-Sm": [
|
|
3163
3163
|
{
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
}
|
|
3164
|
+
pattern: "columns",
|
|
3165
|
+
visible: true,
|
|
3166
|
+
alignment: "stretch",
|
|
3167
|
+
color: "#c48eff26",
|
|
3168
|
+
gutterSize: "12px",
|
|
3169
|
+
count: 6,
|
|
3170
|
+
offset: "16px",
|
|
3171
|
+
},
|
|
3172
3172
|
],
|
|
3173
3173
|
"Emphasis/Emp-6": {
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3177
|
-
|
|
3178
|
-
|
|
3179
|
-
|
|
3180
|
-
|
|
3174
|
+
fontFamily: "Inter Display",
|
|
3175
|
+
fontSize: "50px",
|
|
3176
|
+
fontWeight: 500,
|
|
3177
|
+
letterSpacing: "-0.5px",
|
|
3178
|
+
lineHeight: "68px",
|
|
3179
|
+
textTransform: "none",
|
|
3180
|
+
textDecoration: "none",
|
|
3181
3181
|
},
|
|
3182
3182
|
"Emphasis/Emp-5": {
|
|
3183
|
-
|
|
3184
|
-
|
|
3185
|
-
|
|
3186
|
-
|
|
3187
|
-
|
|
3188
|
-
|
|
3189
|
-
|
|
3183
|
+
fontFamily: "Inter Display",
|
|
3184
|
+
fontSize: "42px",
|
|
3185
|
+
fontWeight: 500,
|
|
3186
|
+
letterSpacing: "-0.5px",
|
|
3187
|
+
lineHeight: "56px",
|
|
3188
|
+
textTransform: "none",
|
|
3189
|
+
textDecoration: "none",
|
|
3190
3190
|
},
|
|
3191
3191
|
"Emphasis/Emp-4": {
|
|
3192
|
-
|
|
3193
|
-
|
|
3194
|
-
|
|
3195
|
-
|
|
3196
|
-
|
|
3197
|
-
|
|
3198
|
-
|
|
3192
|
+
fontFamily: "Inter Display",
|
|
3193
|
+
fontSize: "35px",
|
|
3194
|
+
fontWeight: 500,
|
|
3195
|
+
letterSpacing: "-0.5px",
|
|
3196
|
+
lineHeight: "48px",
|
|
3197
|
+
textTransform: "none",
|
|
3198
|
+
textDecoration: "none",
|
|
3199
3199
|
},
|
|
3200
3200
|
"Emphasis/Emp-3": {
|
|
3201
|
-
|
|
3202
|
-
|
|
3203
|
-
|
|
3204
|
-
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
|
|
3201
|
+
fontFamily: "Inter Display",
|
|
3202
|
+
fontSize: "29px",
|
|
3203
|
+
fontWeight: 500,
|
|
3204
|
+
letterSpacing: "-0.5px",
|
|
3205
|
+
lineHeight: "40px",
|
|
3206
|
+
textTransform: "none",
|
|
3207
|
+
textDecoration: "none",
|
|
3208
3208
|
},
|
|
3209
3209
|
"Emphasis/Emp-2": {
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
3210
|
+
fontFamily: "Inter Display",
|
|
3211
|
+
fontSize: "24px",
|
|
3212
|
+
fontWeight: 500,
|
|
3213
|
+
letterSpacing: "-0.5px",
|
|
3214
|
+
lineHeight: "32px",
|
|
3215
|
+
textTransform: "none",
|
|
3216
|
+
textDecoration: "none",
|
|
3217
3217
|
},
|
|
3218
3218
|
"Emphasis/Emp-1": {
|
|
3219
|
-
|
|
3220
|
-
|
|
3221
|
-
|
|
3222
|
-
|
|
3223
|
-
|
|
3224
|
-
|
|
3225
|
-
|
|
3219
|
+
fontFamily: "Inter Display",
|
|
3220
|
+
fontSize: "20px",
|
|
3221
|
+
fontWeight: 500,
|
|
3222
|
+
letterSpacing: "-0.3px",
|
|
3223
|
+
lineHeight: "28px",
|
|
3224
|
+
textTransform: "none",
|
|
3225
|
+
textDecoration: "none",
|
|
3226
3226
|
},
|
|
3227
3227
|
"Label/XL": {
|
|
3228
|
-
|
|
3229
|
-
|
|
3230
|
-
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
|
|
3234
|
-
|
|
3228
|
+
fontFamily: "Inter Variable",
|
|
3229
|
+
fontSize: "24px",
|
|
3230
|
+
fontWeight: 500,
|
|
3231
|
+
letterSpacing: "-0.5px",
|
|
3232
|
+
lineHeight: "32px",
|
|
3233
|
+
textTransform: "none",
|
|
3234
|
+
textDecoration: "none",
|
|
3235
3235
|
},
|
|
3236
3236
|
"Label/Lg": {
|
|
3237
|
-
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
|
|
3241
|
-
|
|
3242
|
-
|
|
3243
|
-
|
|
3237
|
+
fontFamily: "Inter Variable",
|
|
3238
|
+
fontSize: "20px",
|
|
3239
|
+
fontWeight: 500,
|
|
3240
|
+
letterSpacing: "-0.5px",
|
|
3241
|
+
lineHeight: "28px",
|
|
3242
|
+
textTransform: "none",
|
|
3243
|
+
textDecoration: "none",
|
|
3244
3244
|
},
|
|
3245
3245
|
"Label/Md": {
|
|
3246
|
-
|
|
3247
|
-
|
|
3248
|
-
|
|
3249
|
-
|
|
3250
|
-
|
|
3251
|
-
|
|
3252
|
-
|
|
3246
|
+
fontFamily: "Inter Variable",
|
|
3247
|
+
fontSize: "17px",
|
|
3248
|
+
fontWeight: 500,
|
|
3249
|
+
letterSpacing: "-0.3px",
|
|
3250
|
+
lineHeight: "24px",
|
|
3251
|
+
textTransform: "none",
|
|
3252
|
+
textDecoration: "none",
|
|
3253
3253
|
},
|
|
3254
3254
|
"Label/Sm": {
|
|
3255
|
-
|
|
3256
|
-
|
|
3257
|
-
|
|
3258
|
-
|
|
3259
|
-
|
|
3260
|
-
|
|
3261
|
-
|
|
3255
|
+
fontFamily: "Inter Variable",
|
|
3256
|
+
fontSize: "14px",
|
|
3257
|
+
fontWeight: 500,
|
|
3258
|
+
letterSpacing: "-0.15px",
|
|
3259
|
+
lineHeight: "20px",
|
|
3260
|
+
textTransform: "none",
|
|
3261
|
+
textDecoration: "none",
|
|
3262
3262
|
},
|
|
3263
3263
|
"Label/XS": {
|
|
3264
|
-
|
|
3265
|
-
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3270
|
-
|
|
3264
|
+
fontFamily: "Inter Variable",
|
|
3265
|
+
fontSize: "12px",
|
|
3266
|
+
fontWeight: 500,
|
|
3267
|
+
letterSpacing: "-0.15px",
|
|
3268
|
+
lineHeight: "16px",
|
|
3269
|
+
textTransform: "none",
|
|
3270
|
+
textDecoration: "none",
|
|
3271
3271
|
},
|
|
3272
3272
|
"Subheading/Lg": {
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3273
|
+
fontFamily: "Inter Variable",
|
|
3274
|
+
fontSize: "17px",
|
|
3275
|
+
fontWeight: 500,
|
|
3276
|
+
letterSpacing: "0.5px",
|
|
3277
|
+
lineHeight: "24px",
|
|
3278
|
+
textTransform: "uppercase",
|
|
3279
|
+
textDecoration: "none",
|
|
3280
3280
|
},
|
|
3281
3281
|
"Subheading/Md": {
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3282
|
+
fontFamily: "Inter Variable",
|
|
3283
|
+
fontSize: "14px",
|
|
3284
|
+
fontWeight: 500,
|
|
3285
|
+
letterSpacing: "0.5px",
|
|
3286
|
+
lineHeight: "20px",
|
|
3287
|
+
textTransform: "uppercase",
|
|
3288
|
+
textDecoration: "none",
|
|
3289
3289
|
},
|
|
3290
3290
|
"Subheading/Sm": {
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3297
|
-
|
|
3291
|
+
fontFamily: "Inter Variable",
|
|
3292
|
+
fontSize: "12px",
|
|
3293
|
+
fontWeight: 500,
|
|
3294
|
+
letterSpacing: "0.2px",
|
|
3295
|
+
lineHeight: "16px",
|
|
3296
|
+
textTransform: "uppercase",
|
|
3297
|
+
textDecoration: "none",
|
|
3298
3298
|
},
|
|
3299
3299
|
"Subheading/XS": {
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3300
|
+
fontFamily: "Inter Variable",
|
|
3301
|
+
fontSize: "10px",
|
|
3302
|
+
fontWeight: 500,
|
|
3303
|
+
letterSpacing: "0.2px",
|
|
3304
|
+
lineHeight: "12px",
|
|
3305
|
+
textTransform: "uppercase",
|
|
3306
|
+
textDecoration: "none",
|
|
3307
3307
|
},
|
|
3308
3308
|
"Paragraph/XL": {
|
|
3309
|
-
|
|
3310
|
-
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3314
|
-
|
|
3315
|
-
|
|
3309
|
+
fontFamily: "Inter Variable",
|
|
3310
|
+
fontSize: "24px",
|
|
3311
|
+
fontWeight: 400,
|
|
3312
|
+
letterSpacing: "-0.15px",
|
|
3313
|
+
lineHeight: "32px",
|
|
3314
|
+
textTransform: "none",
|
|
3315
|
+
textDecoration: "none",
|
|
3316
3316
|
},
|
|
3317
3317
|
"Paragraph/Lg": {
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3318
|
+
fontFamily: "Inter Variable",
|
|
3319
|
+
fontSize: "20px",
|
|
3320
|
+
fontWeight: 400,
|
|
3321
|
+
letterSpacing: "-0.15px",
|
|
3322
|
+
lineHeight: "28px",
|
|
3323
|
+
textTransform: "none",
|
|
3324
|
+
textDecoration: "none",
|
|
3325
3325
|
},
|
|
3326
3326
|
"Paragraph/Md": {
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3327
|
+
fontFamily: "Inter Variable",
|
|
3328
|
+
fontSize: "17px",
|
|
3329
|
+
fontWeight: 400,
|
|
3330
|
+
letterSpacing: "-0.15px",
|
|
3331
|
+
lineHeight: "24px",
|
|
3332
|
+
textTransform: "none",
|
|
3333
|
+
textDecoration: "none",
|
|
3334
3334
|
},
|
|
3335
3335
|
"Paragraph/Sm": {
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3336
|
+
fontFamily: "Inter Variable",
|
|
3337
|
+
fontSize: "14px",
|
|
3338
|
+
fontWeight: 400,
|
|
3339
|
+
letterSpacing: "-0.15px",
|
|
3340
|
+
lineHeight: "20px",
|
|
3341
|
+
textTransform: "none",
|
|
3342
|
+
textDecoration: "none",
|
|
3343
3343
|
},
|
|
3344
3344
|
"Paragraph/XS": {
|
|
3345
|
-
|
|
3346
|
-
|
|
3347
|
-
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
|
|
3351
|
-
|
|
3345
|
+
fontFamily: "Inter Variable",
|
|
3346
|
+
fontSize: "12px",
|
|
3347
|
+
fontWeight: 400,
|
|
3348
|
+
letterSpacing: "-0.15px",
|
|
3349
|
+
lineHeight: "16px",
|
|
3350
|
+
textTransform: "none",
|
|
3351
|
+
textDecoration: "none",
|
|
3352
3352
|
},
|
|
3353
3353
|
"_Guide/Flow-Line/Label": {
|
|
3354
|
-
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
-
}
|
|
3354
|
+
fontFamily: "Inter Variable",
|
|
3355
|
+
fontSize: "24px",
|
|
3356
|
+
fontWeight: 700,
|
|
3357
|
+
letterSpacing: "-0.3px",
|
|
3358
|
+
lineHeight: "32px",
|
|
3359
|
+
textTransform: "none",
|
|
3360
|
+
textDecoration: "none",
|
|
3361
|
+
},
|
|
3362
3362
|
};
|
|
3363
3363
|
|
|
3364
3364
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
@@ -66280,6 +66280,8 @@ const FISTooltip = ({ className, variant = "primary", size = "md", title: titleP
|
|
|
66280
66280
|
FISTooltip.displayName = "FISTooltip";
|
|
66281
66281
|
|
|
66282
66282
|
const DivContainerSC$4 = styled.div `
|
|
66283
|
+
display: flex;
|
|
66284
|
+
flex-direction: column;
|
|
66283
66285
|
width: unset;
|
|
66284
66286
|
min-width: ${getTheme("com/menu/min-width")};
|
|
66285
66287
|
max-height: ${getTheme("com/menu/max-height")};
|
|
@@ -66312,7 +66314,7 @@ const PTitleSC$2 = styled.p `
|
|
|
66312
66314
|
${getTheme("Paragraph/Sm")}
|
|
66313
66315
|
color: ${getTheme("com/menu/item/action/label/color-text/default")};
|
|
66314
66316
|
`;
|
|
66315
|
-
|
|
66317
|
+
styled.div `
|
|
66316
66318
|
display: flex;
|
|
66317
66319
|
flex-direction: column;
|
|
66318
66320
|
height: 100%;
|
|
@@ -66329,7 +66331,6 @@ const DivSearchSC = styled.div `
|
|
|
66329
66331
|
padding-bottom: ${getTheme("com/alert-banner/bottom-padding")};
|
|
66330
66332
|
`;
|
|
66331
66333
|
const MenuContent = styled.div `
|
|
66332
|
-
max-height: ${getTheme("com/menu/max-height")};
|
|
66333
66334
|
overflow-y: scroll;
|
|
66334
66335
|
overflow-x: hidden;
|
|
66335
66336
|
width: calc(100% + ${getTheme("com/scrollbar/thumb/thumb-width/default")});
|
|
@@ -67422,7 +67423,7 @@ const FISMenuSelect = ({ placeholder, groups, size = "md", multi = false, select
|
|
|
67422
67423
|
onClickMenu?.();
|
|
67423
67424
|
}
|
|
67424
67425
|
};
|
|
67425
|
-
return (jsxRuntime.
|
|
67426
|
+
return (jsxRuntime.jsxs(DivContainerSC$4, { className: className, children: [showInput && !combobox && (jsxRuntime.jsx(DivSearchSC, { children: jsxRuntime.jsx(FISInputText, { iconPrefix: jsxRuntime.jsx(SearchIcon, {}), placeholder: placeholder, onChange: handleSearchChange }) })), (shouldShowNoResult || noResult) && (jsxRuntime.jsxs(DivLoaderSC, { children: [jsxRuntime.jsx(DivIconDataSC, { children: jsxRuntime.jsx(NoResultIcon, {}) }), jsxRuntime.jsx(PTitleSC$2, { children: noResultText })] })), noData && (jsxRuntime.jsxs(DivLoaderSC, { children: [jsxRuntime.jsx(DivIconDataSC, { children: jsxRuntime.jsx(NoDataIcon, {}) }), jsxRuntime.jsx(PTitleSC$2, { children: noDataText })] })), loading && (jsxRuntime.jsxs(DivLoaderSC, { children: [jsxRuntime.jsx(FISProgressCircular, { size: size, variant: "indeterminate" }), jsxRuntime.jsx(PTitleSC$2, { children: loadingText })] })), !shouldShowNoResult && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MenuContent, { "$removeSelectedGroup": !!menuState.removeSelectedGroup, children: menuState.filteredGroups.map((group, index) => (jsxRuntime.jsxs(DivWrapperSC$4, { children: [index !== 0 && jsxRuntime.jsx(FISMenuSection, { withDivider: true }), group?.groupLabel && (jsxRuntime.jsx(FISMenuSection, { label: group?.groupLabel })), group.items.map((item, idx) => (jsxRuntime.jsx(FISMenuItem, { title: item.label, description: item.description, size: size, onClickMenu: () => handleItemClick(item), selected: selectedValues?.includes(item.value), type: "select" }, idx)))] }, index))) }), menuState.removeSelectedGroup && (jsxRuntime.jsx(FixedBottomSection, { children: jsxRuntime.jsx(DivWrapperSC$4, { children: menuState.removeSelectedGroup.items.map((item, idx) => (jsxRuntime.jsx(FISMenuItem, { title: item.label, description: item.description, size: size, onClickMenu: () => onChangeSelected?.([]), type: "select", iconPrefix: jsxRuntime.jsx(RemoveIcon, {}), negative: true }, idx))) }) }))] }))] }));
|
|
67426
67427
|
};
|
|
67427
67428
|
FISMenuSelect.displayName = "FISMenuSelect";
|
|
67428
67429
|
|
|
@@ -73337,7 +73338,7 @@ const FISSelect = React.forwardRef(({ className, size = "md", options, value, di
|
|
|
73337
73338
|
onChange(values);
|
|
73338
73339
|
}
|
|
73339
73340
|
else {
|
|
73340
|
-
onChange(values[0]);
|
|
73341
|
+
onChange(values?.[0]);
|
|
73341
73342
|
setIsOpen(false);
|
|
73342
73343
|
}
|
|
73343
73344
|
}, onClickMenu: () => {
|