@moderneinc/neo-styled-components 2.3.0-next.9f00d6 → 2.3.0-next.b73cd4
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/Checkbox/Checkbox.d.ts +1 -1
- package/dist/index.esm.js +81 -45
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +81 -45
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -76,18 +76,11 @@ const StyledAvatar = styles.styled(Avatar, {
|
|
|
76
76
|
height: neoDesign.spacing.spacing_2_1_2,
|
|
77
77
|
fontSize: theme.typography.pxToRem(neoDesign.typography.fontSize.xs),
|
|
78
78
|
}),
|
|
79
|
-
...(size === 'medium' &&
|
|
80
|
-
variant === 'initials' && {
|
|
79
|
+
...(size === 'medium' && {
|
|
81
80
|
width: neoDesign.spacing.spacing_5_1_2,
|
|
82
81
|
height: neoDesign.spacing.spacing_5_1_2,
|
|
83
82
|
fontSize: theme.typography.pxToRem(neoDesign.typography.fontSize.sm),
|
|
84
83
|
}),
|
|
85
|
-
...(size === 'medium' &&
|
|
86
|
-
variant === 'circular' && {
|
|
87
|
-
width: 36,
|
|
88
|
-
height: 36,
|
|
89
|
-
fontSize: theme.typography.pxToRem(neoDesign.typography.fontSize.sm),
|
|
90
|
-
}),
|
|
91
84
|
// Initials variant styling
|
|
92
85
|
...(variant === 'initials' && {
|
|
93
86
|
backgroundColor: neoDesign.colors.violet[100],
|
|
@@ -162,6 +155,7 @@ const StyledChip$1 = styles.styled(Chip)(({ theme }) => ({
|
|
|
162
155
|
borderRadius: neoDesign.borderRadius.full,
|
|
163
156
|
fontSize: theme.typography.pxToRem(neoDesign.typography.fontSize.xs),
|
|
164
157
|
lineHeight: 1,
|
|
158
|
+
fontWeight: neoDesign.typography.fontWeight.medium,
|
|
165
159
|
gap: neoDesign.spacing.spacing_1_2,
|
|
166
160
|
overflow: 'visible',
|
|
167
161
|
[`& .${Chip.chipClasses.label}`]: {
|
|
@@ -501,34 +495,52 @@ const NeoActivityIndicatorCell = ({ event = 'commit-job', secondaryEvent, scene
|
|
|
501
495
|
NeoActivityIndicatorCell.displayName = 'NeoActivityIndicatorCell';
|
|
502
496
|
|
|
503
497
|
/**
|
|
504
|
-
* @license lucide-react v0.
|
|
498
|
+
* @license lucide-react v0.563.0 - ISC
|
|
499
|
+
*
|
|
500
|
+
* This source code is licensed under the ISC license.
|
|
501
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
502
|
+
*/
|
|
503
|
+
|
|
504
|
+
const mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
|
505
|
+
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
|
|
506
|
+
}).join(" ").trim();
|
|
507
|
+
|
|
508
|
+
/**
|
|
509
|
+
* @license lucide-react v0.563.0 - ISC
|
|
505
510
|
*
|
|
506
511
|
* This source code is licensed under the ISC license.
|
|
507
512
|
* See the LICENSE file in the root directory of this source tree.
|
|
508
513
|
*/
|
|
509
514
|
|
|
510
515
|
const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
516
|
+
|
|
517
|
+
/**
|
|
518
|
+
* @license lucide-react v0.563.0 - ISC
|
|
519
|
+
*
|
|
520
|
+
* This source code is licensed under the ISC license.
|
|
521
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
522
|
+
*/
|
|
523
|
+
|
|
511
524
|
const toCamelCase = (string) => string.replace(
|
|
512
525
|
/^([A-Z])|[\s-_]+(\w)/g,
|
|
513
526
|
(match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
|
|
514
527
|
);
|
|
528
|
+
|
|
529
|
+
/**
|
|
530
|
+
* @license lucide-react v0.563.0 - ISC
|
|
531
|
+
*
|
|
532
|
+
* This source code is licensed under the ISC license.
|
|
533
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
534
|
+
*/
|
|
535
|
+
|
|
536
|
+
|
|
515
537
|
const toPascalCase = (string) => {
|
|
516
538
|
const camelCase = toCamelCase(string);
|
|
517
539
|
return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
|
|
518
540
|
};
|
|
519
|
-
const mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
|
520
|
-
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
|
|
521
|
-
}).join(" ").trim();
|
|
522
|
-
const hasA11yProp = (props) => {
|
|
523
|
-
for (const prop in props) {
|
|
524
|
-
if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
|
|
525
|
-
return true;
|
|
526
|
-
}
|
|
527
|
-
}
|
|
528
|
-
};
|
|
529
541
|
|
|
530
542
|
/**
|
|
531
|
-
* @license lucide-react v0.
|
|
543
|
+
* @license lucide-react v0.563.0 - ISC
|
|
532
544
|
*
|
|
533
545
|
* This source code is licensed under the ISC license.
|
|
534
546
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -547,7 +559,23 @@ var defaultAttributes = {
|
|
|
547
559
|
};
|
|
548
560
|
|
|
549
561
|
/**
|
|
550
|
-
* @license lucide-react v0.
|
|
562
|
+
* @license lucide-react v0.563.0 - ISC
|
|
563
|
+
*
|
|
564
|
+
* This source code is licensed under the ISC license.
|
|
565
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
566
|
+
*/
|
|
567
|
+
|
|
568
|
+
const hasA11yProp = (props) => {
|
|
569
|
+
for (const prop in props) {
|
|
570
|
+
if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
|
|
571
|
+
return true;
|
|
572
|
+
}
|
|
573
|
+
}
|
|
574
|
+
return false;
|
|
575
|
+
};
|
|
576
|
+
|
|
577
|
+
/**
|
|
578
|
+
* @license lucide-react v0.563.0 - ISC
|
|
551
579
|
*
|
|
552
580
|
* This source code is licensed under the ISC license.
|
|
553
581
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -585,7 +613,7 @@ const Icon = react.forwardRef(
|
|
|
585
613
|
);
|
|
586
614
|
|
|
587
615
|
/**
|
|
588
|
-
* @license lucide-react v0.
|
|
616
|
+
* @license lucide-react v0.563.0 - ISC
|
|
589
617
|
*
|
|
590
618
|
* This source code is licensed under the ISC license.
|
|
591
619
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -610,7 +638,7 @@ const createLucideIcon = (iconName, iconNode) => {
|
|
|
610
638
|
};
|
|
611
639
|
|
|
612
640
|
/**
|
|
613
|
-
* @license lucide-react v0.
|
|
641
|
+
* @license lucide-react v0.563.0 - ISC
|
|
614
642
|
*
|
|
615
643
|
* This source code is licensed under the ISC license.
|
|
616
644
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -624,7 +652,7 @@ const __iconNode$h = [
|
|
|
624
652
|
const ArrowDown = createLucideIcon("arrow-down", __iconNode$h);
|
|
625
653
|
|
|
626
654
|
/**
|
|
627
|
-
* @license lucide-react v0.
|
|
655
|
+
* @license lucide-react v0.563.0 - ISC
|
|
628
656
|
*
|
|
629
657
|
* This source code is licensed under the ISC license.
|
|
630
658
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -638,7 +666,7 @@ const __iconNode$g = [
|
|
|
638
666
|
const ArrowUp = createLucideIcon("arrow-up", __iconNode$g);
|
|
639
667
|
|
|
640
668
|
/**
|
|
641
|
-
* @license lucide-react v0.
|
|
669
|
+
* @license lucide-react v0.563.0 - ISC
|
|
642
670
|
*
|
|
643
671
|
* This source code is licensed under the ISC license.
|
|
644
672
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -660,7 +688,7 @@ const __iconNode$f = [
|
|
|
660
688
|
const CalendarDays = createLucideIcon("calendar-days", __iconNode$f);
|
|
661
689
|
|
|
662
690
|
/**
|
|
663
|
-
* @license lucide-react v0.
|
|
691
|
+
* @license lucide-react v0.563.0 - ISC
|
|
664
692
|
*
|
|
665
693
|
* This source code is licensed under the ISC license.
|
|
666
694
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -671,7 +699,7 @@ const __iconNode$e = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
|
|
|
671
699
|
const ChevronDown = createLucideIcon("chevron-down", __iconNode$e);
|
|
672
700
|
|
|
673
701
|
/**
|
|
674
|
-
* @license lucide-react v0.
|
|
702
|
+
* @license lucide-react v0.563.0 - ISC
|
|
675
703
|
*
|
|
676
704
|
* This source code is licensed under the ISC license.
|
|
677
705
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -682,7 +710,7 @@ const __iconNode$d = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
|
|
|
682
710
|
const ChevronLeft = createLucideIcon("chevron-left", __iconNode$d);
|
|
683
711
|
|
|
684
712
|
/**
|
|
685
|
-
* @license lucide-react v0.
|
|
713
|
+
* @license lucide-react v0.563.0 - ISC
|
|
686
714
|
*
|
|
687
715
|
* This source code is licensed under the ISC license.
|
|
688
716
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -693,7 +721,7 @@ const __iconNode$c = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
|
|
|
693
721
|
const ChevronRight = createLucideIcon("chevron-right", __iconNode$c);
|
|
694
722
|
|
|
695
723
|
/**
|
|
696
|
-
* @license lucide-react v0.
|
|
724
|
+
* @license lucide-react v0.563.0 - ISC
|
|
697
725
|
*
|
|
698
726
|
* This source code is licensed under the ISC license.
|
|
699
727
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -704,7 +732,7 @@ const __iconNode$b = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
|
|
|
704
732
|
const ChevronUp = createLucideIcon("chevron-up", __iconNode$b);
|
|
705
733
|
|
|
706
734
|
/**
|
|
707
|
-
* @license lucide-react v0.
|
|
735
|
+
* @license lucide-react v0.563.0 - ISC
|
|
708
736
|
*
|
|
709
737
|
* This source code is licensed under the ISC license.
|
|
710
738
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -718,7 +746,7 @@ const __iconNode$a = [
|
|
|
718
746
|
const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$a);
|
|
719
747
|
|
|
720
748
|
/**
|
|
721
|
-
* @license lucide-react v0.
|
|
749
|
+
* @license lucide-react v0.563.0 - ISC
|
|
722
750
|
*
|
|
723
751
|
* This source code is licensed under the ISC license.
|
|
724
752
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -733,7 +761,7 @@ const __iconNode$9 = [
|
|
|
733
761
|
const CircleAlert = createLucideIcon("circle-alert", __iconNode$9);
|
|
734
762
|
|
|
735
763
|
/**
|
|
736
|
-
* @license lucide-react v0.
|
|
764
|
+
* @license lucide-react v0.563.0 - ISC
|
|
737
765
|
*
|
|
738
766
|
* This source code is licensed under the ISC license.
|
|
739
767
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -747,7 +775,7 @@ const __iconNode$8 = [
|
|
|
747
775
|
const CircleCheck = createLucideIcon("circle-check", __iconNode$8);
|
|
748
776
|
|
|
749
777
|
/**
|
|
750
|
-
* @license lucide-react v0.
|
|
778
|
+
* @license lucide-react v0.563.0 - ISC
|
|
751
779
|
*
|
|
752
780
|
* This source code is licensed under the ISC license.
|
|
753
781
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -762,7 +790,7 @@ const __iconNode$7 = [
|
|
|
762
790
|
const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$7);
|
|
763
791
|
|
|
764
792
|
/**
|
|
765
|
-
* @license lucide-react v0.
|
|
793
|
+
* @license lucide-react v0.563.0 - ISC
|
|
766
794
|
*
|
|
767
795
|
* This source code is licensed under the ISC license.
|
|
768
796
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -777,7 +805,7 @@ const __iconNode$6 = [
|
|
|
777
805
|
const Columns3 = createLucideIcon("columns-3", __iconNode$6);
|
|
778
806
|
|
|
779
807
|
/**
|
|
780
|
-
* @license lucide-react v0.
|
|
808
|
+
* @license lucide-react v0.563.0 - ISC
|
|
781
809
|
*
|
|
782
810
|
* This source code is licensed under the ISC license.
|
|
783
811
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -792,7 +820,7 @@ const __iconNode$5 = [
|
|
|
792
820
|
const ListFilter = createLucideIcon("list-filter", __iconNode$5);
|
|
793
821
|
|
|
794
822
|
/**
|
|
795
|
-
* @license lucide-react v0.
|
|
823
|
+
* @license lucide-react v0.563.0 - ISC
|
|
796
824
|
*
|
|
797
825
|
* This source code is licensed under the ISC license.
|
|
798
826
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -806,7 +834,7 @@ const __iconNode$4 = [
|
|
|
806
834
|
const Plus = createLucideIcon("plus", __iconNode$4);
|
|
807
835
|
|
|
808
836
|
/**
|
|
809
|
-
* @license lucide-react v0.
|
|
837
|
+
* @license lucide-react v0.563.0 - ISC
|
|
810
838
|
*
|
|
811
839
|
* This source code is licensed under the ISC license.
|
|
812
840
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -820,7 +848,7 @@ const __iconNode$3 = [
|
|
|
820
848
|
const Search = createLucideIcon("search", __iconNode$3);
|
|
821
849
|
|
|
822
850
|
/**
|
|
823
|
-
* @license lucide-react v0.
|
|
851
|
+
* @license lucide-react v0.563.0 - ISC
|
|
824
852
|
*
|
|
825
853
|
* This source code is licensed under the ISC license.
|
|
826
854
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -837,7 +865,7 @@ const __iconNode$2 = [
|
|
|
837
865
|
const Trash2 = createLucideIcon("trash-2", __iconNode$2);
|
|
838
866
|
|
|
839
867
|
/**
|
|
840
|
-
* @license lucide-react v0.
|
|
868
|
+
* @license lucide-react v0.563.0 - ISC
|
|
841
869
|
*
|
|
842
870
|
* This source code is licensed under the ISC license.
|
|
843
871
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -856,7 +884,7 @@ const __iconNode$1 = [
|
|
|
856
884
|
const WifiOff = createLucideIcon("wifi-off", __iconNode$1);
|
|
857
885
|
|
|
858
886
|
/**
|
|
859
|
-
* @license lucide-react v0.
|
|
887
|
+
* @license lucide-react v0.563.0 - ISC
|
|
860
888
|
*
|
|
861
889
|
* This source code is licensed under the ISC license.
|
|
862
890
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -876,7 +904,7 @@ const StyledAlert$2 = styles.styled(Alert, {
|
|
|
876
904
|
// Variant-specific styles
|
|
877
905
|
const variantStyles = {
|
|
878
906
|
dark: {
|
|
879
|
-
backgroundColor: neoDesign.
|
|
907
|
+
backgroundColor: neoDesign.semanticColors.surfaces.snackbarBrand,
|
|
880
908
|
color: neoDesign.semanticColors.surfaces.white,
|
|
881
909
|
},
|
|
882
910
|
light: {
|
|
@@ -1059,7 +1087,15 @@ function NeoBreadcrumbs({ children, className }) {
|
|
|
1059
1087
|
}
|
|
1060
1088
|
|
|
1061
1089
|
// Props that should not be forwarded to ButtonBase (Button-specific props that ButtonBase doesn't support)
|
|
1062
|
-
const buttonOnlyProps$1 = [
|
|
1090
|
+
const buttonOnlyProps$1 = [
|
|
1091
|
+
'variant',
|
|
1092
|
+
'size',
|
|
1093
|
+
'loading',
|
|
1094
|
+
'startIcon',
|
|
1095
|
+
'endIcon',
|
|
1096
|
+
'fullWidth',
|
|
1097
|
+
'disableElevation',
|
|
1098
|
+
];
|
|
1063
1099
|
const StyledButtonBase$1 = styles.styled(ButtonBase, {
|
|
1064
1100
|
shouldForwardProp: prop => !buttonOnlyProps$1.includes(prop),
|
|
1065
1101
|
})(({ theme, variant = 'primary', size = 'medium', loading = false }) => {
|
|
@@ -1067,13 +1103,13 @@ const StyledButtonBase$1 = styles.styled(ButtonBase, {
|
|
|
1067
1103
|
const sizeConfig = {
|
|
1068
1104
|
small: {
|
|
1069
1105
|
height: 32,
|
|
1070
|
-
padding: `0 ${theme.spacing(
|
|
1106
|
+
padding: `0 ${theme.spacing(1.5)}`,
|
|
1071
1107
|
fontSize: theme.typography.pxToRem(14),
|
|
1072
1108
|
},
|
|
1073
1109
|
medium: {
|
|
1074
1110
|
height: neoDesign.spacing.spacing_5,
|
|
1075
|
-
padding: `0 ${theme.spacing(
|
|
1076
|
-
fontSize: theme.typography.pxToRem(
|
|
1111
|
+
padding: `0 ${theme.spacing(2)}`,
|
|
1112
|
+
fontSize: theme.typography.pxToRem(14),
|
|
1077
1113
|
},
|
|
1078
1114
|
};
|
|
1079
1115
|
const sizeStyles = sizeConfig[size];
|