fis-component 0.0.47 → 0.0.48
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 +185 -184
- package/dist/cjs/index.js.map +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 +185 -184
- package/dist/esm/index.js.map +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 +1 -1
- package/package.json +1 -1
- package/src/styles/design-system/variable.ts +286 -234
|
@@ -951,7 +951,7 @@ declare const _default: {
|
|
|
951
951
|
readonly "com/menu/left-padding": "8px";
|
|
952
952
|
readonly "com/menu/corner-radius": "12px";
|
|
953
953
|
readonly "com/menu/min-width": "132px";
|
|
954
|
-
readonly "com/menu/max-height": "
|
|
954
|
+
readonly "com/menu/max-height": "380px";
|
|
955
955
|
readonly "com/menu/height": "204px";
|
|
956
956
|
readonly "com/menu/search-bar/size": "Md (36)";
|
|
957
957
|
readonly "com/menu/scrollbar/direction": "Vertical";
|
|
@@ -954,7 +954,7 @@ declare const getTheme: <K extends keyof ThemeType>(key: K) => (props: {
|
|
|
954
954
|
readonly "com/menu/left-padding": "8px";
|
|
955
955
|
readonly "com/menu/corner-radius": "12px";
|
|
956
956
|
readonly "com/menu/min-width": "132px";
|
|
957
|
-
readonly "com/menu/max-height": "
|
|
957
|
+
readonly "com/menu/max-height": "380px";
|
|
958
958
|
readonly "com/menu/height": "204px";
|
|
959
959
|
readonly "com/menu/search-bar/size": "Md (36)";
|
|
960
960
|
readonly "com/menu/scrollbar/direction": "Vertical";
|
package/dist/esm/index.js
CHANGED
|
@@ -958,7 +958,7 @@ var theme = {
|
|
|
958
958
|
"com/menu/left-padding": "8px",
|
|
959
959
|
"com/menu/corner-radius": "12px",
|
|
960
960
|
"com/menu/min-width": "132px",
|
|
961
|
-
"com/menu/max-height": "
|
|
961
|
+
"com/menu/max-height": "380px",
|
|
962
962
|
"com/menu/height": "204px",
|
|
963
963
|
"com/menu/search-bar/size": "Md (36)",
|
|
964
964
|
"com/menu/scrollbar/direction": "Vertical",
|
|
@@ -3108,237 +3108,237 @@ var theme = {
|
|
|
3108
3108
|
"Elevation/Level-3": "0px 4px 8px -2px #00375b0e, 0px 16px 32px -12px #0a2f4d22",
|
|
3109
3109
|
"Form's-Row": [
|
|
3110
3110
|
{
|
|
3111
|
-
|
|
3112
|
-
|
|
3113
|
-
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
|
-
|
|
3117
|
-
|
|
3118
|
-
}
|
|
3111
|
+
pattern: "columns",
|
|
3112
|
+
visible: true,
|
|
3113
|
+
alignment: "stretch",
|
|
3114
|
+
color: "#c48eff26",
|
|
3115
|
+
gutterSize: "16px",
|
|
3116
|
+
count: 4,
|
|
3117
|
+
offset: "0px",
|
|
3118
|
+
},
|
|
3119
3119
|
],
|
|
3120
3120
|
"Grid/Container-Lg": [
|
|
3121
3121
|
{
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
|
|
3125
|
-
|
|
3126
|
-
|
|
3127
|
-
|
|
3128
|
-
|
|
3129
|
-
}
|
|
3122
|
+
pattern: "columns",
|
|
3123
|
+
visible: true,
|
|
3124
|
+
alignment: "stretch",
|
|
3125
|
+
color: "#c48eff26",
|
|
3126
|
+
gutterSize: "20px",
|
|
3127
|
+
count: 12,
|
|
3128
|
+
offset: "24px",
|
|
3129
|
+
},
|
|
3130
3130
|
],
|
|
3131
3131
|
"Grid/Container-Md": [
|
|
3132
3132
|
{
|
|
3133
|
-
|
|
3134
|
-
|
|
3135
|
-
|
|
3136
|
-
|
|
3137
|
-
|
|
3138
|
-
|
|
3139
|
-
|
|
3140
|
-
}
|
|
3133
|
+
pattern: "columns",
|
|
3134
|
+
visible: true,
|
|
3135
|
+
alignment: "stretch",
|
|
3136
|
+
color: "#c48eff26",
|
|
3137
|
+
gutterSize: "20px",
|
|
3138
|
+
count: 8,
|
|
3139
|
+
offset: "20px",
|
|
3140
|
+
},
|
|
3141
3141
|
],
|
|
3142
3142
|
"Grid/Container-Sm": [
|
|
3143
3143
|
{
|
|
3144
|
-
|
|
3145
|
-
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
}
|
|
3144
|
+
pattern: "columns",
|
|
3145
|
+
visible: true,
|
|
3146
|
+
alignment: "stretch",
|
|
3147
|
+
color: "#c48eff26",
|
|
3148
|
+
gutterSize: "12px",
|
|
3149
|
+
count: 6,
|
|
3150
|
+
offset: "16px",
|
|
3151
|
+
},
|
|
3152
3152
|
],
|
|
3153
3153
|
"Emphasis/Emp-6": {
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
|
|
3154
|
+
fontFamily: "Inter Display",
|
|
3155
|
+
fontSize: "50px",
|
|
3156
|
+
fontWeight: 500,
|
|
3157
|
+
letterSpacing: "-0.5px",
|
|
3158
|
+
lineHeight: "68px",
|
|
3159
|
+
textTransform: "none",
|
|
3160
|
+
textDecoration: "none",
|
|
3161
3161
|
},
|
|
3162
3162
|
"Emphasis/Emp-5": {
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
3168
|
-
|
|
3169
|
-
|
|
3163
|
+
fontFamily: "Inter Display",
|
|
3164
|
+
fontSize: "42px",
|
|
3165
|
+
fontWeight: 500,
|
|
3166
|
+
letterSpacing: "-0.5px",
|
|
3167
|
+
lineHeight: "56px",
|
|
3168
|
+
textTransform: "none",
|
|
3169
|
+
textDecoration: "none",
|
|
3170
3170
|
},
|
|
3171
3171
|
"Emphasis/Emp-4": {
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3177
|
-
|
|
3178
|
-
|
|
3172
|
+
fontFamily: "Inter Display",
|
|
3173
|
+
fontSize: "35px",
|
|
3174
|
+
fontWeight: 500,
|
|
3175
|
+
letterSpacing: "-0.5px",
|
|
3176
|
+
lineHeight: "48px",
|
|
3177
|
+
textTransform: "none",
|
|
3178
|
+
textDecoration: "none",
|
|
3179
3179
|
},
|
|
3180
3180
|
"Emphasis/Emp-3": {
|
|
3181
|
-
|
|
3182
|
-
|
|
3183
|
-
|
|
3184
|
-
|
|
3185
|
-
|
|
3186
|
-
|
|
3187
|
-
|
|
3181
|
+
fontFamily: "Inter Display",
|
|
3182
|
+
fontSize: "29px",
|
|
3183
|
+
fontWeight: 500,
|
|
3184
|
+
letterSpacing: "-0.5px",
|
|
3185
|
+
lineHeight: "40px",
|
|
3186
|
+
textTransform: "none",
|
|
3187
|
+
textDecoration: "none",
|
|
3188
3188
|
},
|
|
3189
3189
|
"Emphasis/Emp-2": {
|
|
3190
|
-
|
|
3191
|
-
|
|
3192
|
-
|
|
3193
|
-
|
|
3194
|
-
|
|
3195
|
-
|
|
3196
|
-
|
|
3190
|
+
fontFamily: "Inter Display",
|
|
3191
|
+
fontSize: "24px",
|
|
3192
|
+
fontWeight: 500,
|
|
3193
|
+
letterSpacing: "-0.5px",
|
|
3194
|
+
lineHeight: "32px",
|
|
3195
|
+
textTransform: "none",
|
|
3196
|
+
textDecoration: "none",
|
|
3197
3197
|
},
|
|
3198
3198
|
"Emphasis/Emp-1": {
|
|
3199
|
-
|
|
3200
|
-
|
|
3201
|
-
|
|
3202
|
-
|
|
3203
|
-
|
|
3204
|
-
|
|
3205
|
-
|
|
3199
|
+
fontFamily: "Inter Display",
|
|
3200
|
+
fontSize: "20px",
|
|
3201
|
+
fontWeight: 500,
|
|
3202
|
+
letterSpacing: "-0.3px",
|
|
3203
|
+
lineHeight: "28px",
|
|
3204
|
+
textTransform: "none",
|
|
3205
|
+
textDecoration: "none",
|
|
3206
3206
|
},
|
|
3207
3207
|
"Label/XL": {
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
|
|
3208
|
+
fontFamily: "Inter Variable",
|
|
3209
|
+
fontSize: "24px",
|
|
3210
|
+
fontWeight: 500,
|
|
3211
|
+
letterSpacing: "-0.5px",
|
|
3212
|
+
lineHeight: "32px",
|
|
3213
|
+
textTransform: "none",
|
|
3214
|
+
textDecoration: "none",
|
|
3215
3215
|
},
|
|
3216
3216
|
"Label/Lg": {
|
|
3217
|
-
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
|
|
3221
|
-
|
|
3222
|
-
|
|
3223
|
-
|
|
3217
|
+
fontFamily: "Inter Variable",
|
|
3218
|
+
fontSize: "20px",
|
|
3219
|
+
fontWeight: 500,
|
|
3220
|
+
letterSpacing: "-0.5px",
|
|
3221
|
+
lineHeight: "28px",
|
|
3222
|
+
textTransform: "none",
|
|
3223
|
+
textDecoration: "none",
|
|
3224
3224
|
},
|
|
3225
3225
|
"Label/Md": {
|
|
3226
|
-
|
|
3227
|
-
|
|
3228
|
-
|
|
3229
|
-
|
|
3230
|
-
|
|
3231
|
-
|
|
3232
|
-
|
|
3226
|
+
fontFamily: "Inter Variable",
|
|
3227
|
+
fontSize: "17px",
|
|
3228
|
+
fontWeight: 500,
|
|
3229
|
+
letterSpacing: "-0.3px",
|
|
3230
|
+
lineHeight: "24px",
|
|
3231
|
+
textTransform: "none",
|
|
3232
|
+
textDecoration: "none",
|
|
3233
3233
|
},
|
|
3234
3234
|
"Label/Sm": {
|
|
3235
|
-
|
|
3236
|
-
|
|
3237
|
-
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
|
|
3241
|
-
|
|
3235
|
+
fontFamily: "Inter Variable",
|
|
3236
|
+
fontSize: "14px",
|
|
3237
|
+
fontWeight: 500,
|
|
3238
|
+
letterSpacing: "-0.15px",
|
|
3239
|
+
lineHeight: "20px",
|
|
3240
|
+
textTransform: "none",
|
|
3241
|
+
textDecoration: "none",
|
|
3242
3242
|
},
|
|
3243
3243
|
"Label/XS": {
|
|
3244
|
-
|
|
3245
|
-
|
|
3246
|
-
|
|
3247
|
-
|
|
3248
|
-
|
|
3249
|
-
|
|
3250
|
-
|
|
3244
|
+
fontFamily: "Inter Variable",
|
|
3245
|
+
fontSize: "12px",
|
|
3246
|
+
fontWeight: 500,
|
|
3247
|
+
letterSpacing: "-0.15px",
|
|
3248
|
+
lineHeight: "16px",
|
|
3249
|
+
textTransform: "none",
|
|
3250
|
+
textDecoration: "none",
|
|
3251
3251
|
},
|
|
3252
3252
|
"Subheading/Lg": {
|
|
3253
|
-
|
|
3254
|
-
|
|
3255
|
-
|
|
3256
|
-
|
|
3257
|
-
|
|
3258
|
-
|
|
3259
|
-
|
|
3253
|
+
fontFamily: "Inter Variable",
|
|
3254
|
+
fontSize: "17px",
|
|
3255
|
+
fontWeight: 500,
|
|
3256
|
+
letterSpacing: "0.5px",
|
|
3257
|
+
lineHeight: "24px",
|
|
3258
|
+
textTransform: "uppercase",
|
|
3259
|
+
textDecoration: "none",
|
|
3260
3260
|
},
|
|
3261
3261
|
"Subheading/Md": {
|
|
3262
|
-
|
|
3263
|
-
|
|
3264
|
-
|
|
3265
|
-
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3262
|
+
fontFamily: "Inter Variable",
|
|
3263
|
+
fontSize: "14px",
|
|
3264
|
+
fontWeight: 500,
|
|
3265
|
+
letterSpacing: "0.5px",
|
|
3266
|
+
lineHeight: "20px",
|
|
3267
|
+
textTransform: "uppercase",
|
|
3268
|
+
textDecoration: "none",
|
|
3269
3269
|
},
|
|
3270
3270
|
"Subheading/Sm": {
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3271
|
+
fontFamily: "Inter Variable",
|
|
3272
|
+
fontSize: "12px",
|
|
3273
|
+
fontWeight: 500,
|
|
3274
|
+
letterSpacing: "0.2px",
|
|
3275
|
+
lineHeight: "16px",
|
|
3276
|
+
textTransform: "uppercase",
|
|
3277
|
+
textDecoration: "none",
|
|
3278
3278
|
},
|
|
3279
3279
|
"Subheading/XS": {
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3280
|
+
fontFamily: "Inter Variable",
|
|
3281
|
+
fontSize: "10px",
|
|
3282
|
+
fontWeight: 500,
|
|
3283
|
+
letterSpacing: "0.2px",
|
|
3284
|
+
lineHeight: "12px",
|
|
3285
|
+
textTransform: "uppercase",
|
|
3286
|
+
textDecoration: "none",
|
|
3287
3287
|
},
|
|
3288
3288
|
"Paragraph/XL": {
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
|
|
3289
|
+
fontFamily: "Inter Variable",
|
|
3290
|
+
fontSize: "24px",
|
|
3291
|
+
fontWeight: 400,
|
|
3292
|
+
letterSpacing: "-0.15px",
|
|
3293
|
+
lineHeight: "32px",
|
|
3294
|
+
textTransform: "none",
|
|
3295
|
+
textDecoration: "none",
|
|
3296
3296
|
},
|
|
3297
3297
|
"Paragraph/Lg": {
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
|
|
3298
|
+
fontFamily: "Inter Variable",
|
|
3299
|
+
fontSize: "20px",
|
|
3300
|
+
fontWeight: 400,
|
|
3301
|
+
letterSpacing: "-0.15px",
|
|
3302
|
+
lineHeight: "28px",
|
|
3303
|
+
textTransform: "none",
|
|
3304
|
+
textDecoration: "none",
|
|
3305
3305
|
},
|
|
3306
3306
|
"Paragraph/Md": {
|
|
3307
|
-
|
|
3308
|
-
|
|
3309
|
-
|
|
3310
|
-
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3307
|
+
fontFamily: "Inter Variable",
|
|
3308
|
+
fontSize: "17px",
|
|
3309
|
+
fontWeight: 400,
|
|
3310
|
+
letterSpacing: "-0.15px",
|
|
3311
|
+
lineHeight: "24px",
|
|
3312
|
+
textTransform: "none",
|
|
3313
|
+
textDecoration: "none",
|
|
3314
3314
|
},
|
|
3315
3315
|
"Paragraph/Sm": {
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3316
|
+
fontFamily: "Inter Variable",
|
|
3317
|
+
fontSize: "14px",
|
|
3318
|
+
fontWeight: 400,
|
|
3319
|
+
letterSpacing: "-0.15px",
|
|
3320
|
+
lineHeight: "20px",
|
|
3321
|
+
textTransform: "none",
|
|
3322
|
+
textDecoration: "none",
|
|
3323
3323
|
},
|
|
3324
3324
|
"Paragraph/XS": {
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3325
|
+
fontFamily: "Inter Variable",
|
|
3326
|
+
fontSize: "12px",
|
|
3327
|
+
fontWeight: 400,
|
|
3328
|
+
letterSpacing: "-0.15px",
|
|
3329
|
+
lineHeight: "16px",
|
|
3330
|
+
textTransform: "none",
|
|
3331
|
+
textDecoration: "none",
|
|
3332
3332
|
},
|
|
3333
3333
|
"_Guide/Flow-Line/Label": {
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
}
|
|
3334
|
+
fontFamily: "Inter Variable",
|
|
3335
|
+
fontSize: "24px",
|
|
3336
|
+
fontWeight: 700,
|
|
3337
|
+
letterSpacing: "-0.3px",
|
|
3338
|
+
lineHeight: "32px",
|
|
3339
|
+
textTransform: "none",
|
|
3340
|
+
textDecoration: "none",
|
|
3341
|
+
},
|
|
3342
3342
|
};
|
|
3343
3343
|
|
|
3344
3344
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
@@ -66260,6 +66260,8 @@ const FISTooltip = ({ className, variant = "primary", size = "md", title: titleP
|
|
|
66260
66260
|
FISTooltip.displayName = "FISTooltip";
|
|
66261
66261
|
|
|
66262
66262
|
const DivContainerSC$4 = styled.div `
|
|
66263
|
+
display: flex;
|
|
66264
|
+
flex-direction: column;
|
|
66263
66265
|
width: unset;
|
|
66264
66266
|
min-width: ${getTheme("com/menu/min-width")};
|
|
66265
66267
|
max-height: ${getTheme("com/menu/max-height")};
|
|
@@ -66292,7 +66294,7 @@ const PTitleSC$2 = styled.p `
|
|
|
66292
66294
|
${getTheme("Paragraph/Sm")}
|
|
66293
66295
|
color: ${getTheme("com/menu/item/action/label/color-text/default")};
|
|
66294
66296
|
`;
|
|
66295
|
-
|
|
66297
|
+
styled.div `
|
|
66296
66298
|
display: flex;
|
|
66297
66299
|
flex-direction: column;
|
|
66298
66300
|
height: 100%;
|
|
@@ -66309,7 +66311,6 @@ const DivSearchSC = styled.div `
|
|
|
66309
66311
|
padding-bottom: ${getTheme("com/alert-banner/bottom-padding")};
|
|
66310
66312
|
`;
|
|
66311
66313
|
const MenuContent = styled.div `
|
|
66312
|
-
max-height: ${getTheme("com/menu/max-height")};
|
|
66313
66314
|
overflow-y: scroll;
|
|
66314
66315
|
overflow-x: hidden;
|
|
66315
66316
|
width: calc(100% + ${getTheme("com/scrollbar/thumb/thumb-width/default")});
|
|
@@ -67402,7 +67403,7 @@ const FISMenuSelect = ({ placeholder, groups, size = "md", multi = false, select
|
|
|
67402
67403
|
onClickMenu?.();
|
|
67403
67404
|
}
|
|
67404
67405
|
};
|
|
67405
|
-
return (
|
|
67406
|
+
return (jsxs(DivContainerSC$4, { className: className, children: [showInput && !combobox && (jsx(DivSearchSC, { children: jsx(FISInputText, { iconPrefix: jsx(SearchIcon, {}), placeholder: placeholder, onChange: handleSearchChange }) })), (shouldShowNoResult || noResult) && (jsxs(DivLoaderSC, { children: [jsx(DivIconDataSC, { children: jsx(NoResultIcon, {}) }), jsx(PTitleSC$2, { children: noResultText })] })), noData && (jsxs(DivLoaderSC, { children: [jsx(DivIconDataSC, { children: jsx(NoDataIcon, {}) }), jsx(PTitleSC$2, { children: noDataText })] })), loading && (jsxs(DivLoaderSC, { children: [jsx(FISProgressCircular, { size: size, variant: "indeterminate" }), jsx(PTitleSC$2, { children: loadingText })] })), !shouldShowNoResult && (jsxs(Fragment, { children: [jsx(MenuContent, { "$removeSelectedGroup": !!menuState.removeSelectedGroup, children: menuState.filteredGroups.map((group, index) => (jsxs(DivWrapperSC$4, { children: [index !== 0 && jsx(FISMenuSection, { withDivider: true }), jsx(FISMenuSection, { label: group?.groupLabel }), group.items.map((item, idx) => (jsx(FISMenuItem, { title: item.label, description: item.description, size: size, onClickMenu: () => handleItemClick(item), selected: selectedValues?.includes(item.value), type: "select" }, idx)))] }, index))) }), menuState.removeSelectedGroup && (jsx(FixedBottomSection, { children: jsx(DivWrapperSC$4, { children: menuState.removeSelectedGroup.items.map((item, idx) => (jsx(FISMenuItem, { title: item.label, description: item.description, size: size, onClickMenu: () => onChangeSelected?.([]), type: "select", iconPrefix: jsx(RemoveIcon, {}), negative: true }, idx))) }) }))] }))] }));
|
|
67406
67407
|
};
|
|
67407
67408
|
FISMenuSelect.displayName = "FISMenuSelect";
|
|
67408
67409
|
|