@uniformdev/design-system 19.131.1-alpha.2 → 19.132.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/esm/index.js +7 -23
- package/dist/index.js +7 -23
- package/package.json +4 -4
package/dist/esm/index.js
CHANGED
|
@@ -2238,23 +2238,18 @@ var Heading = ({
|
|
|
2238
2238
|
// src/components/Badges/Badge.styles.ts
|
|
2239
2239
|
import { css as css11 } from "@emotion/react";
|
|
2240
2240
|
var BadgeContainer = css11`
|
|
2241
|
-
--caution-desc: rgb(161, 98, 7);
|
|
2242
2241
|
--caution-title: rgb(133, 77, 14);
|
|
2243
2242
|
--caution-container: rgb(254, 252, 232);
|
|
2244
2243
|
|
|
2245
|
-
--danger-desc: rgb(185, 28, 28);
|
|
2246
2244
|
--danger-title: rgb(153, 27, 27);
|
|
2247
2245
|
--danger-container: rgb(254, 242, 242);
|
|
2248
2246
|
|
|
2249
|
-
--info-desc: rgb(29, 78, 216);
|
|
2250
2247
|
--info-title: rgb(30, 64, 175);
|
|
2251
2248
|
--info-container: rgb(239, 246, 255);
|
|
2252
2249
|
|
|
2253
|
-
--note-desc: var(--gray-700);
|
|
2254
2250
|
--note-title: var(--gray-800);
|
|
2255
2251
|
--note-container: var(--gray-50);
|
|
2256
2252
|
|
|
2257
|
-
--success-desc: rgb(21, 128, 61);
|
|
2258
2253
|
--success-title: rgb(22, 101, 52);
|
|
2259
2254
|
--success-container: rgb(240, 253, 250);
|
|
2260
2255
|
|
|
@@ -11395,27 +11390,22 @@ import { css as css21 } from "@emotion/react";
|
|
|
11395
11390
|
// src/styles/functionalColors.styles.ts
|
|
11396
11391
|
import { css as css20 } from "@emotion/react";
|
|
11397
11392
|
var functionalColors = css20`
|
|
11398
|
-
--caution-desc: rgb(161, 98, 7);
|
|
11399
11393
|
--caution-icon: rgb(250, 204, 21);
|
|
11400
11394
|
--caution-title: rgb(133, 77, 14);
|
|
11401
11395
|
--caution-container: rgb(254, 252, 232);
|
|
11402
11396
|
|
|
11403
|
-
--danger-desc: rgb(185, 28, 28);
|
|
11404
11397
|
--danger-icon: rgb(248, 113, 113);
|
|
11405
11398
|
--danger-title: rgb(153, 27, 27);
|
|
11406
11399
|
--danger-container: rgb(254, 242, 242);
|
|
11407
11400
|
|
|
11408
|
-
--info-desc: rgb(29, 78, 216);
|
|
11409
11401
|
--info-icon: rgb(96, 165, 250);
|
|
11410
11402
|
--info-title: rgb(30, 64, 175);
|
|
11411
11403
|
--info-container: rgb(239, 246, 255);
|
|
11412
11404
|
|
|
11413
|
-
--note-desc: var(--gray-700);
|
|
11414
11405
|
--note-icon: var(--gray-400);
|
|
11415
11406
|
--note-title: var(--gray-800);
|
|
11416
11407
|
--note-container: var(--gray-50);
|
|
11417
11408
|
|
|
11418
|
-
--success-desc: rgb(21, 128, 61);
|
|
11419
11409
|
--success-icon: rgb(74, 222, 128);
|
|
11420
11410
|
--success-title: rgb(22, 101, 52);
|
|
11421
11411
|
--success-container: rgb(240, 253, 250);
|
|
@@ -12415,12 +12405,6 @@ var calloutContainerCompact = css29`
|
|
|
12415
12405
|
padding: var(--spacing-sm);
|
|
12416
12406
|
border-radius: 0 var(--rounded-base) var(--rounded-base) 0;
|
|
12417
12407
|
border-left: 2px solid currentColor;
|
|
12418
|
-
|
|
12419
|
-
--caution-desc: var(--typography-base);
|
|
12420
|
-
--danger-desc: var(--typography-base);
|
|
12421
|
-
--info-desc: var(--typography-base);
|
|
12422
|
-
--note-desc: var(--typography-base);
|
|
12423
|
-
--success-desc: var(--typography-base);
|
|
12424
12408
|
`;
|
|
12425
12409
|
var calloutInner = css29`
|
|
12426
12410
|
display: flex;
|
|
@@ -12576,7 +12560,7 @@ var calloutTypeDataMap = {
|
|
|
12576
12560
|
caution: {
|
|
12577
12561
|
icon: CautionIcon,
|
|
12578
12562
|
descriptionColor: css30`
|
|
12579
|
-
color: var(--
|
|
12563
|
+
color: var(--typography-base);
|
|
12580
12564
|
`,
|
|
12581
12565
|
iconColor: css30`
|
|
12582
12566
|
color: var(--caution-icon);
|
|
@@ -12589,7 +12573,7 @@ var calloutTypeDataMap = {
|
|
|
12589
12573
|
danger: {
|
|
12590
12574
|
icon: DangerIcon,
|
|
12591
12575
|
descriptionColor: css30`
|
|
12592
|
-
color: var(--
|
|
12576
|
+
color: var(--typography-base);
|
|
12593
12577
|
`,
|
|
12594
12578
|
iconColor: css30`
|
|
12595
12579
|
color: var(--danger-icon);
|
|
@@ -12602,7 +12586,7 @@ var calloutTypeDataMap = {
|
|
|
12602
12586
|
error: {
|
|
12603
12587
|
icon: CautionIcon,
|
|
12604
12588
|
descriptionColor: css30`
|
|
12605
|
-
color: var(--
|
|
12589
|
+
color: var(--typography-base);
|
|
12606
12590
|
`,
|
|
12607
12591
|
iconColor: css30`
|
|
12608
12592
|
color: var(--danger-icon);
|
|
@@ -12615,7 +12599,7 @@ var calloutTypeDataMap = {
|
|
|
12615
12599
|
info: {
|
|
12616
12600
|
icon: InfoIcon,
|
|
12617
12601
|
descriptionColor: css30`
|
|
12618
|
-
color: var(--
|
|
12602
|
+
color: var(--typography-base);
|
|
12619
12603
|
`,
|
|
12620
12604
|
iconColor: css30`
|
|
12621
12605
|
color: var(--info-icon);
|
|
@@ -12628,7 +12612,7 @@ var calloutTypeDataMap = {
|
|
|
12628
12612
|
note: {
|
|
12629
12613
|
icon: NoteIcon,
|
|
12630
12614
|
descriptionColor: css30`
|
|
12631
|
-
color: var(--
|
|
12615
|
+
color: var(--typography-base);
|
|
12632
12616
|
`,
|
|
12633
12617
|
iconColor: css30`
|
|
12634
12618
|
color: var(--note-icon);
|
|
@@ -12641,7 +12625,7 @@ var calloutTypeDataMap = {
|
|
|
12641
12625
|
success: {
|
|
12642
12626
|
icon: SuccessIcon,
|
|
12643
12627
|
descriptionColor: css30`
|
|
12644
|
-
color: var(--
|
|
12628
|
+
color: var(--typography-base);
|
|
12645
12629
|
`,
|
|
12646
12630
|
iconColor: css30`
|
|
12647
12631
|
color: var(--success-icon);
|
|
@@ -12654,7 +12638,7 @@ var calloutTypeDataMap = {
|
|
|
12654
12638
|
tip: {
|
|
12655
12639
|
icon: TipIcon,
|
|
12656
12640
|
descriptionColor: css30`
|
|
12657
|
-
color: var(--
|
|
12641
|
+
color: var(--typography-base);
|
|
12658
12642
|
`,
|
|
12659
12643
|
iconColor: css30`
|
|
12660
12644
|
color: var(--success-icon);
|
package/dist/index.js
CHANGED
|
@@ -3876,23 +3876,18 @@ init_emotion_jsx_shim();
|
|
|
3876
3876
|
init_emotion_jsx_shim();
|
|
3877
3877
|
var import_react17 = require("@emotion/react");
|
|
3878
3878
|
var BadgeContainer = import_react17.css`
|
|
3879
|
-
--caution-desc: rgb(161, 98, 7);
|
|
3880
3879
|
--caution-title: rgb(133, 77, 14);
|
|
3881
3880
|
--caution-container: rgb(254, 252, 232);
|
|
3882
3881
|
|
|
3883
|
-
--danger-desc: rgb(185, 28, 28);
|
|
3884
3882
|
--danger-title: rgb(153, 27, 27);
|
|
3885
3883
|
--danger-container: rgb(254, 242, 242);
|
|
3886
3884
|
|
|
3887
|
-
--info-desc: rgb(29, 78, 216);
|
|
3888
3885
|
--info-title: rgb(30, 64, 175);
|
|
3889
3886
|
--info-container: rgb(239, 246, 255);
|
|
3890
3887
|
|
|
3891
|
-
--note-desc: var(--gray-700);
|
|
3892
3888
|
--note-title: var(--gray-800);
|
|
3893
3889
|
--note-container: var(--gray-50);
|
|
3894
3890
|
|
|
3895
|
-
--success-desc: rgb(21, 128, 61);
|
|
3896
3891
|
--success-title: rgb(22, 101, 52);
|
|
3897
3892
|
--success-container: rgb(240, 253, 250);
|
|
3898
3893
|
|
|
@@ -13055,27 +13050,22 @@ var import_react29 = require("@emotion/react");
|
|
|
13055
13050
|
init_emotion_jsx_shim();
|
|
13056
13051
|
var import_react28 = require("@emotion/react");
|
|
13057
13052
|
var functionalColors = import_react28.css`
|
|
13058
|
-
--caution-desc: rgb(161, 98, 7);
|
|
13059
13053
|
--caution-icon: rgb(250, 204, 21);
|
|
13060
13054
|
--caution-title: rgb(133, 77, 14);
|
|
13061
13055
|
--caution-container: rgb(254, 252, 232);
|
|
13062
13056
|
|
|
13063
|
-
--danger-desc: rgb(185, 28, 28);
|
|
13064
13057
|
--danger-icon: rgb(248, 113, 113);
|
|
13065
13058
|
--danger-title: rgb(153, 27, 27);
|
|
13066
13059
|
--danger-container: rgb(254, 242, 242);
|
|
13067
13060
|
|
|
13068
|
-
--info-desc: rgb(29, 78, 216);
|
|
13069
13061
|
--info-icon: rgb(96, 165, 250);
|
|
13070
13062
|
--info-title: rgb(30, 64, 175);
|
|
13071
13063
|
--info-container: rgb(239, 246, 255);
|
|
13072
13064
|
|
|
13073
|
-
--note-desc: var(--gray-700);
|
|
13074
13065
|
--note-icon: var(--gray-400);
|
|
13075
13066
|
--note-title: var(--gray-800);
|
|
13076
13067
|
--note-container: var(--gray-50);
|
|
13077
13068
|
|
|
13078
|
-
--success-desc: rgb(21, 128, 61);
|
|
13079
13069
|
--success-icon: rgb(74, 222, 128);
|
|
13080
13070
|
--success-title: rgb(22, 101, 52);
|
|
13081
13071
|
--success-container: rgb(240, 253, 250);
|
|
@@ -14091,12 +14081,6 @@ var calloutContainerCompact = import_react41.css`
|
|
|
14091
14081
|
padding: var(--spacing-sm);
|
|
14092
14082
|
border-radius: 0 var(--rounded-base) var(--rounded-base) 0;
|
|
14093
14083
|
border-left: 2px solid currentColor;
|
|
14094
|
-
|
|
14095
|
-
--caution-desc: var(--typography-base);
|
|
14096
|
-
--danger-desc: var(--typography-base);
|
|
14097
|
-
--info-desc: var(--typography-base);
|
|
14098
|
-
--note-desc: var(--typography-base);
|
|
14099
|
-
--success-desc: var(--typography-base);
|
|
14100
14084
|
`;
|
|
14101
14085
|
var calloutInner = import_react41.css`
|
|
14102
14086
|
display: flex;
|
|
@@ -14253,7 +14237,7 @@ var calloutTypeDataMap = {
|
|
|
14253
14237
|
caution: {
|
|
14254
14238
|
icon: CautionIcon,
|
|
14255
14239
|
descriptionColor: import_react42.css`
|
|
14256
|
-
color: var(--
|
|
14240
|
+
color: var(--typography-base);
|
|
14257
14241
|
`,
|
|
14258
14242
|
iconColor: import_react42.css`
|
|
14259
14243
|
color: var(--caution-icon);
|
|
@@ -14266,7 +14250,7 @@ var calloutTypeDataMap = {
|
|
|
14266
14250
|
danger: {
|
|
14267
14251
|
icon: DangerIcon,
|
|
14268
14252
|
descriptionColor: import_react42.css`
|
|
14269
|
-
color: var(--
|
|
14253
|
+
color: var(--typography-base);
|
|
14270
14254
|
`,
|
|
14271
14255
|
iconColor: import_react42.css`
|
|
14272
14256
|
color: var(--danger-icon);
|
|
@@ -14279,7 +14263,7 @@ var calloutTypeDataMap = {
|
|
|
14279
14263
|
error: {
|
|
14280
14264
|
icon: CautionIcon,
|
|
14281
14265
|
descriptionColor: import_react42.css`
|
|
14282
|
-
color: var(--
|
|
14266
|
+
color: var(--typography-base);
|
|
14283
14267
|
`,
|
|
14284
14268
|
iconColor: import_react42.css`
|
|
14285
14269
|
color: var(--danger-icon);
|
|
@@ -14292,7 +14276,7 @@ var calloutTypeDataMap = {
|
|
|
14292
14276
|
info: {
|
|
14293
14277
|
icon: InfoIcon,
|
|
14294
14278
|
descriptionColor: import_react42.css`
|
|
14295
|
-
color: var(--
|
|
14279
|
+
color: var(--typography-base);
|
|
14296
14280
|
`,
|
|
14297
14281
|
iconColor: import_react42.css`
|
|
14298
14282
|
color: var(--info-icon);
|
|
@@ -14305,7 +14289,7 @@ var calloutTypeDataMap = {
|
|
|
14305
14289
|
note: {
|
|
14306
14290
|
icon: NoteIcon,
|
|
14307
14291
|
descriptionColor: import_react42.css`
|
|
14308
|
-
color: var(--
|
|
14292
|
+
color: var(--typography-base);
|
|
14309
14293
|
`,
|
|
14310
14294
|
iconColor: import_react42.css`
|
|
14311
14295
|
color: var(--note-icon);
|
|
@@ -14318,7 +14302,7 @@ var calloutTypeDataMap = {
|
|
|
14318
14302
|
success: {
|
|
14319
14303
|
icon: SuccessIcon,
|
|
14320
14304
|
descriptionColor: import_react42.css`
|
|
14321
|
-
color: var(--
|
|
14305
|
+
color: var(--typography-base);
|
|
14322
14306
|
`,
|
|
14323
14307
|
iconColor: import_react42.css`
|
|
14324
14308
|
color: var(--success-icon);
|
|
@@ -14331,7 +14315,7 @@ var calloutTypeDataMap = {
|
|
|
14331
14315
|
tip: {
|
|
14332
14316
|
icon: TipIcon,
|
|
14333
14317
|
descriptionColor: import_react42.css`
|
|
14334
|
-
color: var(--
|
|
14318
|
+
color: var(--typography-base);
|
|
14335
14319
|
`,
|
|
14336
14320
|
iconColor: import_react42.css`
|
|
14337
14321
|
color: var(--success-icon);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.132.0",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"@storybook/react": "6.5.16",
|
|
24
24
|
"@types/react": "18.2.40",
|
|
25
25
|
"@types/react-dom": "18.2.17",
|
|
26
|
-
"@uniformdev/canvas": "^19.
|
|
27
|
-
"@uniformdev/richtext": "^19.
|
|
26
|
+
"@uniformdev/canvas": "^19.132.0",
|
|
27
|
+
"@uniformdev/richtext": "^19.132.0",
|
|
28
28
|
"autoprefixer": "10.4.16",
|
|
29
29
|
"hygen": "6.2.11",
|
|
30
30
|
"postcss": "8.4.32",
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
"publishConfig": {
|
|
72
72
|
"access": "public"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "7e50a3037d22f060b5de46fbe32b9e4a6fb1c16c"
|
|
75
75
|
}
|