@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/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.562.0 - ISC
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.562.0 - ISC
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.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.562.0 - ISC
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.colors.digitalBlue['400'],
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 = ['variant', 'size', 'loading', 'startIcon', 'endIcon', 'fullWidth', 'disableElevation'];
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(2)}`,
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(3)}`,
1076
- fontSize: theme.typography.pxToRem(16),
1111
+ padding: `0 ${theme.spacing(2)}`,
1112
+ fontSize: theme.typography.pxToRem(14),
1077
1113
  },
1078
1114
  };
1079
1115
  const sizeStyles = sizeConfig[size];