@sankhyalabs/ez-design 5.8.1-dev.1 → 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.
@@ -2545,6 +2545,41 @@ body {
2545
2545
  .ez-scrollable-box--large {
2546
2546
  height: 576px; }
2547
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
+
2548
2583
  .ez-skeleton {
2549
2584
  background: linear-gradient(to right, #f1f5f8 0%, #fafafa 97%, #f0f0f0 100%);
2550
2585
  animation: shine-lines 1.3s infinite linear;