@sankhyalabs/ez-design 5.8.0 → 5.9.0-dev.1

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.
@@ -1023,6 +1023,33 @@ body {
1023
1023
  [data-tooltip=""]::after, [data-tooltip=""]::before {
1024
1024
  display: none !important; }
1025
1025
 
1026
+ .ez-overflow-x--scroll {
1027
+ overflow-x: scroll; }
1028
+
1029
+ .ez-overflow-x--auto {
1030
+ overflow-x: auto; }
1031
+
1032
+ .ez-overflow-x--hidden {
1033
+ overflow-x: hidden; }
1034
+
1035
+ .ez-overflow-y--scroll {
1036
+ overflow-y: scroll; }
1037
+
1038
+ .ez-overflow-y--auto {
1039
+ overflow-y: auto; }
1040
+
1041
+ .ez-overflow-y--hidden {
1042
+ overflow-y: hidden; }
1043
+
1044
+ .ez-overflow--scroll {
1045
+ overflow: scroll; }
1046
+
1047
+ .ez-overflow--auto {
1048
+ overflow: auto; }
1049
+
1050
+ .ez-overflow--hidden {
1051
+ overflow: hidden; }
1052
+
1026
1053
  .ez-elevation--100 {
1027
1054
  z-index: 100; }
1028
1055
 
@@ -2518,6 +2545,41 @@ body {
2518
2545
  .ez-scrollable-box--large {
2519
2546
  height: 576px; }
2520
2547
 
2548
+ .ez-split-button--primary {
2549
+ --ez-split-button--background-color: var(--color--primary);
2550
+ --ez-split-button--font-weight: var(--text-weight--medium);
2551
+ --ez-split-button--hover--background-color: var(--color--primary-600);
2552
+ --ez-split-button--hover-color: var(--text--inverted);
2553
+ --ez-split-button--color: var(--text--inverted);
2554
+ --ez-split-button--active--background-color: var(--color--primary-700);
2555
+ --ez-split-button--active-color: var(--text--inverted);
2556
+ --ez-split-button--disabled-color: var(--text--disable);
2557
+ --ez-split-button--disabled--background-color: var(--color--disable-primary); }
2558
+
2559
+ .ez-split-button--secondary {
2560
+ --ez-split-button--background-color:var(--background--medium);
2561
+ --ez-split-button--hover--background-color: var(--background--medium);
2562
+ --ez-split-button--hover-color: var(--color--primary-600);
2563
+ --ez-split-button--color: var(--title--primary);
2564
+ --ez-split-button--active--background-color: var(--background--medium);
2565
+ --ez-split-button--active-color: var(--color--primary-700);
2566
+ --ez-split-button--disabled-color: var(--text--disable);
2567
+ --ez-split-button--disabled--background-color: var(--color--disable-secondary); }
2568
+
2569
+ .ez-split-button--tertiary {
2570
+ --ez-split-button--background-color: none;
2571
+ --ez-split-button--font-weight: var(--text-weight--medium);
2572
+ --ez-split-button--hover--background-color: none;
2573
+ --ez-split-button--hover-color: var(--color--primary-600);
2574
+ --ez-split-button--color: var(--title--primary);
2575
+ --ez-split-button--active--background-color: var(--color--disable-secondary);
2576
+ --ez-split-button--active-color: var(--title--primary);
2577
+ --ez-split-button--disabled-color: var(--text--disable);
2578
+ --ez-split-button--disabled--background-color: none;
2579
+ --ez-split-button--focus--border: var(--border--xlarge, 4px solid) var(--color--primary-300);
2580
+ --ez-split-button--focus--box-shadow: none;
2581
+ --ez-split-button--border: none; }
2582
+
2521
2583
  .ez-skeleton {
2522
2584
  background: linear-gradient(to right, #f1f5f8 0%, #fafafa 97%, #f0f0f0 100%);
2523
2585
  animation: shine-lines 1.3s infinite linear;