@sankhyalabs/ez-design 5.8.1-dev.1 → 5.9.0-dev.2

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.
@@ -520,6 +520,15 @@ body {
520
520
  flex-grow: 1;
521
521
  margin: 3px 0; }
522
522
 
523
+ .ez-border-radius--small {
524
+ border-radius: 6px; }
525
+
526
+ .ez-border-radius--medium {
527
+ border-radius: 12px; }
528
+
529
+ .ez-border-radius--large {
530
+ border-radius: 24px; }
531
+
523
532
  .ez-margin--extra-small {
524
533
  margin: 3px; }
525
534
 
@@ -2545,6 +2554,41 @@ body {
2545
2554
  .ez-scrollable-box--large {
2546
2555
  height: 576px; }
2547
2556
 
2557
+ .ez-split-button--primary {
2558
+ --ez-split-button--background-color: var(--color--primary);
2559
+ --ez-split-button--font-weight: var(--text-weight--medium);
2560
+ --ez-split-button--hover--background-color: var(--color--primary-600);
2561
+ --ez-split-button--hover-color: var(--text--inverted);
2562
+ --ez-split-button--color: var(--text--inverted);
2563
+ --ez-split-button--active--background-color: var(--color--primary-700);
2564
+ --ez-split-button--active-color: var(--text--inverted);
2565
+ --ez-split-button--disabled-color: var(--text--disable);
2566
+ --ez-split-button--disabled--background-color: var(--color--disable-primary); }
2567
+
2568
+ .ez-split-button--secondary {
2569
+ --ez-split-button--background-color:var(--background--medium);
2570
+ --ez-split-button--hover--background-color: var(--background--medium);
2571
+ --ez-split-button--hover-color: var(--color--primary-600);
2572
+ --ez-split-button--color: var(--title--primary);
2573
+ --ez-split-button--active--background-color: var(--background--medium);
2574
+ --ez-split-button--active-color: var(--color--primary-700);
2575
+ --ez-split-button--disabled-color: var(--text--disable);
2576
+ --ez-split-button--disabled--background-color: var(--color--disable-secondary); }
2577
+
2578
+ .ez-split-button--tertiary {
2579
+ --ez-split-button--background-color: none;
2580
+ --ez-split-button--font-weight: var(--text-weight--medium);
2581
+ --ez-split-button--hover--background-color: none;
2582
+ --ez-split-button--hover-color: var(--color--primary-600);
2583
+ --ez-split-button--color: var(--title--primary);
2584
+ --ez-split-button--active--background-color: var(--color--disable-secondary);
2585
+ --ez-split-button--active-color: var(--title--primary);
2586
+ --ez-split-button--disabled-color: var(--text--disable);
2587
+ --ez-split-button--disabled--background-color: none;
2588
+ --ez-split-button--focus--border: var(--border--xlarge, 4px solid) var(--color--primary-300);
2589
+ --ez-split-button--focus--box-shadow: none;
2590
+ --ez-split-button--border: none; }
2591
+
2548
2592
  .ez-skeleton {
2549
2593
  background: linear-gradient(to right, #f1f5f8 0%, #fafafa 97%, #f0f0f0 100%);
2550
2594
  animation: shine-lines 1.3s infinite linear;