@blerp/design 1.1.9 → 1.2.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.cjs.js +26 -18
- package/dist/index.esm.js +26 -18
- package/dist/index.umd.js +26 -18
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -2841,7 +2841,7 @@ var lightPalette = {
|
|
|
2841
2841
|
main: "#64748B",
|
|
2842
2842
|
contrastText: "#fff"
|
|
2843
2843
|
},
|
|
2844
|
-
|
|
2844
|
+
darkerWhite: {
|
|
2845
2845
|
light: colors.grey2LightReal,
|
|
2846
2846
|
main: colors.grey2DarkReal,
|
|
2847
2847
|
dark: colors.notBlackDark,
|
|
@@ -3165,7 +3165,7 @@ var Toggle$1 = function Toggle(_ref) {
|
|
|
3165
3165
|
left: "4px",
|
|
3166
3166
|
color: checked ? disabled ? "grey4.main" : "seafoam.main" : "transparent",
|
|
3167
3167
|
fontSize: checked ? "16px" : "12px",
|
|
3168
|
-
backgroundColor: checked ? "
|
|
3168
|
+
backgroundColor: checked ? "white.main" : "grey5.main",
|
|
3169
3169
|
borderRadius: "50%",
|
|
3170
3170
|
transition: "0.2s"
|
|
3171
3171
|
}
|
|
@@ -3223,10 +3223,22 @@ var Dropdown$1 = function Dropdown(_ref) {
|
|
|
3223
3223
|
sx: _objectSpread$3({
|
|
3224
3224
|
borderRadius: "4px",
|
|
3225
3225
|
color: "notBlack.main",
|
|
3226
|
-
|
|
3227
|
-
|
|
3226
|
+
padding: "14px",
|
|
3227
|
+
position: "relative"
|
|
3228
3228
|
}, buttonStyle)
|
|
3229
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
|
3229
|
+
}, buttonLabel && /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
3230
|
+
noWrap: true,
|
|
3231
|
+
fontSize: "0.75em",
|
|
3232
|
+
color: "grey4.main",
|
|
3233
|
+
fontWeight: "600",
|
|
3234
|
+
sx: {
|
|
3235
|
+
position: "absolute",
|
|
3236
|
+
top: "-9px",
|
|
3237
|
+
left: "10px",
|
|
3238
|
+
padding: "0 5px",
|
|
3239
|
+
backgroundColor: "inherit"
|
|
3240
|
+
}
|
|
3241
|
+
}, buttonLabel), /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
3230
3242
|
direction: "row",
|
|
3231
3243
|
justifyContent: "space-between",
|
|
3232
3244
|
alignItems: "center",
|
|
@@ -3237,16 +3249,10 @@ var Dropdown$1 = function Dropdown(_ref) {
|
|
|
3237
3249
|
overflow: "hidden",
|
|
3238
3250
|
width: "".concat(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.getBoundingClientRect().width, "px")
|
|
3239
3251
|
}, startIcon, /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
3240
|
-
alignItems: "flex-start"
|
|
3241
|
-
|
|
3242
|
-
}, buttonLabel && /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
3243
|
-
noWrap: true,
|
|
3244
|
-
fontSize: "8px",
|
|
3245
|
-
color: "grey4.main",
|
|
3246
|
-
fontWeight: "light"
|
|
3247
|
-
}, buttonLabel), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
3252
|
+
alignItems: "flex-start"
|
|
3253
|
+
}, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
3248
3254
|
noWrap: true,
|
|
3249
|
-
fontSize: "
|
|
3255
|
+
fontSize: "1rem",
|
|
3250
3256
|
color: "grey5.main",
|
|
3251
3257
|
marginRight: "16px"
|
|
3252
3258
|
}, buttonTitle))), endIcon ? endIcon : /*#__PURE__*/React__default['default'].createElement(KeyboardArrowDownRoundedIcon__default['default'], {
|
|
@@ -4566,8 +4572,9 @@ var theme = styles.createTheme({
|
|
|
4566
4572
|
styleOverrides: {
|
|
4567
4573
|
root: {
|
|
4568
4574
|
borderRadius: "30px",
|
|
4569
|
-
fontWeight: "
|
|
4570
|
-
letterSpacing: "0.05rem"
|
|
4575
|
+
fontWeight: "600",
|
|
4576
|
+
letterSpacing: "0.05rem",
|
|
4577
|
+
textTransform: "capitalize"
|
|
4571
4578
|
}
|
|
4572
4579
|
},
|
|
4573
4580
|
variants: [{
|
|
@@ -4673,8 +4680,9 @@ var darkTheme = styles.createTheme({
|
|
|
4673
4680
|
styleOverrides: {
|
|
4674
4681
|
root: {
|
|
4675
4682
|
borderRadius: "30px",
|
|
4676
|
-
fontWeight: "
|
|
4677
|
-
letterSpacing: "0.05rem"
|
|
4683
|
+
fontWeight: "600",
|
|
4684
|
+
letterSpacing: "0.05rem",
|
|
4685
|
+
textTransform: "capitalize"
|
|
4678
4686
|
}
|
|
4679
4687
|
},
|
|
4680
4688
|
variants: [{
|
package/dist/index.esm.js
CHANGED
|
@@ -2772,7 +2772,7 @@ var lightPalette = {
|
|
|
2772
2772
|
main: "#64748B",
|
|
2773
2773
|
contrastText: "#fff"
|
|
2774
2774
|
},
|
|
2775
|
-
|
|
2775
|
+
darkerWhite: {
|
|
2776
2776
|
light: colors.grey2LightReal,
|
|
2777
2777
|
main: colors.grey2DarkReal,
|
|
2778
2778
|
dark: colors.notBlackDark,
|
|
@@ -3096,7 +3096,7 @@ var Toggle$1 = function Toggle(_ref) {
|
|
|
3096
3096
|
left: "4px",
|
|
3097
3097
|
color: checked ? disabled ? "grey4.main" : "seafoam.main" : "transparent",
|
|
3098
3098
|
fontSize: checked ? "16px" : "12px",
|
|
3099
|
-
backgroundColor: checked ? "
|
|
3099
|
+
backgroundColor: checked ? "white.main" : "grey5.main",
|
|
3100
3100
|
borderRadius: "50%",
|
|
3101
3101
|
transition: "0.2s"
|
|
3102
3102
|
}
|
|
@@ -3154,10 +3154,22 @@ var Dropdown$1 = function Dropdown(_ref) {
|
|
|
3154
3154
|
sx: _objectSpread$3({
|
|
3155
3155
|
borderRadius: "4px",
|
|
3156
3156
|
color: "notBlack.main",
|
|
3157
|
-
|
|
3158
|
-
|
|
3157
|
+
padding: "14px",
|
|
3158
|
+
position: "relative"
|
|
3159
3159
|
}, buttonStyle)
|
|
3160
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
3160
|
+
}, buttonLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
3161
|
+
noWrap: true,
|
|
3162
|
+
fontSize: "0.75em",
|
|
3163
|
+
color: "grey4.main",
|
|
3164
|
+
fontWeight: "600",
|
|
3165
|
+
sx: {
|
|
3166
|
+
position: "absolute",
|
|
3167
|
+
top: "-9px",
|
|
3168
|
+
left: "10px",
|
|
3169
|
+
padding: "0 5px",
|
|
3170
|
+
backgroundColor: "inherit"
|
|
3171
|
+
}
|
|
3172
|
+
}, buttonLabel), /*#__PURE__*/React__default.createElement(Stack, {
|
|
3161
3173
|
direction: "row",
|
|
3162
3174
|
justifyContent: "space-between",
|
|
3163
3175
|
alignItems: "center",
|
|
@@ -3168,16 +3180,10 @@ var Dropdown$1 = function Dropdown(_ref) {
|
|
|
3168
3180
|
overflow: "hidden",
|
|
3169
3181
|
width: "".concat(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.getBoundingClientRect().width, "px")
|
|
3170
3182
|
}, startIcon, /*#__PURE__*/React__default.createElement(Stack, {
|
|
3171
|
-
alignItems: "flex-start"
|
|
3172
|
-
|
|
3173
|
-
}, buttonLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
3174
|
-
noWrap: true,
|
|
3175
|
-
fontSize: "8px",
|
|
3176
|
-
color: "grey4.main",
|
|
3177
|
-
fontWeight: "light"
|
|
3178
|
-
}, buttonLabel), /*#__PURE__*/React__default.createElement(Text, {
|
|
3183
|
+
alignItems: "flex-start"
|
|
3184
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
3179
3185
|
noWrap: true,
|
|
3180
|
-
fontSize: "
|
|
3186
|
+
fontSize: "1rem",
|
|
3181
3187
|
color: "grey5.main",
|
|
3182
3188
|
marginRight: "16px"
|
|
3183
3189
|
}, buttonTitle))), endIcon ? endIcon : /*#__PURE__*/React__default.createElement(KeyboardArrowDownRoundedIcon, {
|
|
@@ -4497,8 +4503,9 @@ var theme = createTheme({
|
|
|
4497
4503
|
styleOverrides: {
|
|
4498
4504
|
root: {
|
|
4499
4505
|
borderRadius: "30px",
|
|
4500
|
-
fontWeight: "
|
|
4501
|
-
letterSpacing: "0.05rem"
|
|
4506
|
+
fontWeight: "600",
|
|
4507
|
+
letterSpacing: "0.05rem",
|
|
4508
|
+
textTransform: "capitalize"
|
|
4502
4509
|
}
|
|
4503
4510
|
},
|
|
4504
4511
|
variants: [{
|
|
@@ -4604,8 +4611,9 @@ var darkTheme = createTheme({
|
|
|
4604
4611
|
styleOverrides: {
|
|
4605
4612
|
root: {
|
|
4606
4613
|
borderRadius: "30px",
|
|
4607
|
-
fontWeight: "
|
|
4608
|
-
letterSpacing: "0.05rem"
|
|
4614
|
+
fontWeight: "600",
|
|
4615
|
+
letterSpacing: "0.05rem",
|
|
4616
|
+
textTransform: "capitalize"
|
|
4609
4617
|
}
|
|
4610
4618
|
},
|
|
4611
4619
|
variants: [{
|
package/dist/index.umd.js
CHANGED
|
@@ -2793,7 +2793,7 @@
|
|
|
2793
2793
|
main: "#64748B",
|
|
2794
2794
|
contrastText: "#fff"
|
|
2795
2795
|
},
|
|
2796
|
-
|
|
2796
|
+
darkerWhite: {
|
|
2797
2797
|
light: colors.grey2LightReal,
|
|
2798
2798
|
main: colors.grey2DarkReal,
|
|
2799
2799
|
dark: colors.notBlackDark,
|
|
@@ -3117,7 +3117,7 @@
|
|
|
3117
3117
|
left: "4px",
|
|
3118
3118
|
color: checked ? disabled ? "grey4.main" : "seafoam.main" : "transparent",
|
|
3119
3119
|
fontSize: checked ? "16px" : "12px",
|
|
3120
|
-
backgroundColor: checked ? "
|
|
3120
|
+
backgroundColor: checked ? "white.main" : "grey5.main",
|
|
3121
3121
|
borderRadius: "50%",
|
|
3122
3122
|
transition: "0.2s"
|
|
3123
3123
|
}
|
|
@@ -3175,10 +3175,22 @@
|
|
|
3175
3175
|
sx: _objectSpread$3({
|
|
3176
3176
|
borderRadius: "4px",
|
|
3177
3177
|
color: "notBlack.main",
|
|
3178
|
-
|
|
3179
|
-
|
|
3178
|
+
padding: "14px",
|
|
3179
|
+
position: "relative"
|
|
3180
3180
|
}, buttonStyle)
|
|
3181
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
|
3181
|
+
}, buttonLabel && /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
3182
|
+
noWrap: true,
|
|
3183
|
+
fontSize: "0.75em",
|
|
3184
|
+
color: "grey4.main",
|
|
3185
|
+
fontWeight: "600",
|
|
3186
|
+
sx: {
|
|
3187
|
+
position: "absolute",
|
|
3188
|
+
top: "-9px",
|
|
3189
|
+
left: "10px",
|
|
3190
|
+
padding: "0 5px",
|
|
3191
|
+
backgroundColor: "inherit"
|
|
3192
|
+
}
|
|
3193
|
+
}, buttonLabel), /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
3182
3194
|
direction: "row",
|
|
3183
3195
|
justifyContent: "space-between",
|
|
3184
3196
|
alignItems: "center",
|
|
@@ -3189,16 +3201,10 @@
|
|
|
3189
3201
|
overflow: "hidden",
|
|
3190
3202
|
width: "".concat(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.getBoundingClientRect().width, "px")
|
|
3191
3203
|
}, startIcon, /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
3192
|
-
alignItems: "flex-start"
|
|
3193
|
-
|
|
3194
|
-
}, buttonLabel && /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
3195
|
-
noWrap: true,
|
|
3196
|
-
fontSize: "8px",
|
|
3197
|
-
color: "grey4.main",
|
|
3198
|
-
fontWeight: "light"
|
|
3199
|
-
}, buttonLabel), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
3204
|
+
alignItems: "flex-start"
|
|
3205
|
+
}, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
3200
3206
|
noWrap: true,
|
|
3201
|
-
fontSize: "
|
|
3207
|
+
fontSize: "1rem",
|
|
3202
3208
|
color: "grey5.main",
|
|
3203
3209
|
marginRight: "16px"
|
|
3204
3210
|
}, buttonTitle))), endIcon ? endIcon : /*#__PURE__*/React__default['default'].createElement(KeyboardArrowDownRoundedIcon__default['default'], {
|
|
@@ -4518,8 +4524,9 @@
|
|
|
4518
4524
|
styleOverrides: {
|
|
4519
4525
|
root: {
|
|
4520
4526
|
borderRadius: "30px",
|
|
4521
|
-
fontWeight: "
|
|
4522
|
-
letterSpacing: "0.05rem"
|
|
4527
|
+
fontWeight: "600",
|
|
4528
|
+
letterSpacing: "0.05rem",
|
|
4529
|
+
textTransform: "capitalize"
|
|
4523
4530
|
}
|
|
4524
4531
|
},
|
|
4525
4532
|
variants: [{
|
|
@@ -4625,8 +4632,9 @@
|
|
|
4625
4632
|
styleOverrides: {
|
|
4626
4633
|
root: {
|
|
4627
4634
|
borderRadius: "30px",
|
|
4628
|
-
fontWeight: "
|
|
4629
|
-
letterSpacing: "0.05rem"
|
|
4635
|
+
fontWeight: "600",
|
|
4636
|
+
letterSpacing: "0.05rem",
|
|
4637
|
+
textTransform: "capitalize"
|
|
4630
4638
|
}
|
|
4631
4639
|
},
|
|
4632
4640
|
variants: [{
|