@team_yumi/ramen 0.4.0-next.20231115-50d46da-dc15999fb326471d6ef7a1b33366ac97 → 0.4.0-next.20231115-b59b3e7-889ffe57441a4edd2f5f03d3866da9c0
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/components/core/xicon/root.d.ts +1 -0
- package/components/web/xcollapse-card/root.d.ts +1 -0
- package/index.css +61 -0
- package/index.js +2 -2
- package/models/Collections/IIconColor.d.ts +1 -0
- package/models/Collections/index.d.ts +2 -1
- package/package.json +1 -1
- package/themes/default.theme.css +18 -0
|
@@ -3,6 +3,7 @@ import { Collections } from './../../../models';
|
|
|
3
3
|
export interface IProps {
|
|
4
4
|
icon?: (typeof Collections.IIcon)[number];
|
|
5
5
|
size?: (typeof Collections.ISize)[number];
|
|
6
|
+
color?: (typeof Collections.IIconColor)[number];
|
|
6
7
|
}
|
|
7
8
|
declare const XIcon: React.FC<IProps>;
|
|
8
9
|
export default XIcon;
|
package/index.css
CHANGED
|
@@ -549,6 +549,67 @@
|
|
|
549
549
|
}
|
|
550
550
|
}
|
|
551
551
|
|
|
552
|
+
|
|
553
|
+
/* colors */
|
|
554
|
+
.root-module_xicon--color-gray__i4eGf {
|
|
555
|
+
color: var(--color-neutral-light);
|
|
556
|
+
}
|
|
557
|
+
|
|
558
|
+
.root-module_xicon--color-black__dkBZA {
|
|
559
|
+
color: var(--color-neutral-darkest);
|
|
560
|
+
}
|
|
561
|
+
|
|
562
|
+
/* color green */
|
|
563
|
+
.root-module_xicon--color-green__soVpr {
|
|
564
|
+
color: var(--xicon-color-green);
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
/* color sky blue */
|
|
568
|
+
.root-module_xicon--color-sky-blue__qmBYA {
|
|
569
|
+
color: var(--xicon-color-sky-blue);
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
/* color orange */
|
|
573
|
+
.root-module_xicon--color-orange__pDL4U {
|
|
574
|
+
color: var(--xicon-color-orange);
|
|
575
|
+
}
|
|
576
|
+
|
|
577
|
+
/* color red */
|
|
578
|
+
.root-module_xicon--color-red__LNA1l {
|
|
579
|
+
color: var(--xicon-color-red);
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
/* color purple */
|
|
583
|
+
.root-module_xicon--color-purple__9tpjx {
|
|
584
|
+
color: var(--xicon-color-purple);
|
|
585
|
+
}
|
|
586
|
+
|
|
587
|
+
/* color pink */
|
|
588
|
+
.root-module_xicon--color-pink__rbZmZ {
|
|
589
|
+
color: var(--xicon-color-pink);
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
/* color green check */
|
|
593
|
+
.root-module_xicon--color-green-check__8Io7V {
|
|
594
|
+
color: var(--xicon-color-green-check);
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
/* color red refuse */
|
|
598
|
+
.root-module_xicon--color-red-refuse__LAOo3 {
|
|
599
|
+
color: var(--xicon-color-red-refuse);
|
|
600
|
+
}
|
|
601
|
+
|
|
602
|
+
/* color yellow */
|
|
603
|
+
.root-module_xicon--color-yellow__Dfi5S {
|
|
604
|
+
color: var(--xicon-color-yellow);
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
/* color yellow */
|
|
608
|
+
.root-module_xicon--color-turquoise__qmGHm {
|
|
609
|
+
color: var(--xicon-color-turquoise);
|
|
610
|
+
}
|
|
611
|
+
|
|
612
|
+
|
|
552
613
|
.root-module_xbutton__isOXp {
|
|
553
614
|
display: flex;
|
|
554
615
|
align-items: center;
|