@sankhyalabs/ez-design 5.10.0-dev.6 → 5.10.0-dev.7

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.
Files changed (13) hide show
  1. package/dist/default/ez-themed.css +87 -38
  2. package/dist/default/ez-themed.min.css +1 -1
  3. package/dist/default/icons/fonts/ez-icons.css +6 -6
  4. package/dist/default/icons/fonts/ez-icons.eot +0 -0
  5. package/dist/default/icons/fonts/ez-icons.less +6 -6
  6. package/dist/default/icons/fonts/ez-icons.module.less +6 -6
  7. package/dist/default/icons/fonts/ez-icons.scss +6 -6
  8. package/dist/default/icons/fonts/ez-icons.styl +6 -6
  9. package/dist/default/icons/fonts/ez-icons.ttf +0 -0
  10. package/dist/default/icons/fonts/ez-icons.woff +0 -0
  11. package/dist/default/icons/fonts/ez-icons.woff2 +0 -0
  12. package/dist/default/icons/fonts/unicode.html +4 -4
  13. package/package.json +1 -1
package/dist/default/ez-themed.css CHANGED
@@ -1498,39 +1498,64 @@ body {
1498
1498
  .ez-breadcrumb__arrow {
1499
1499
  display: none; } }
1500
1500
 
1501
- .ez-button--secondary {
1502
- --ez-button--background-color: var(--background--medium);
1503
- --ez-button--hover--background-color: var(--background--medium);
1504
- --ez-button--hover-color: var(--color--primary-600);
1505
- --ez-button--color: var(--title--primary);
1506
- --ez-button--disabled--background-color: var(--color--disable-secondary);
1507
- --ez-button--active--background-color: var(--background--strong);
1508
- --ez-button--disabled--background-color: var(--background--medium);
1509
- --ez-button--active-color: var(--color--primary-700); }
1510
-
1511
1501
  .ez-button--primary {
1512
- --ez-button--font-weight: var(--text-weight--medium);
1502
+ /* default */
1503
+ --ez-button--color: var(--text--inverted);
1513
1504
  --ez-button--background-color: var(--color--primary);
1514
- --ez-button--hover--background-color: var(--color--primary-600);
1505
+ --ez-button--font-weight: var(--text-weight--medium);
1506
+ /* hover */
1515
1507
  --ez-button--hover-color: var(--text--inverted);
1516
- --ez-button--color: var(--text--inverted);
1508
+ --ez-button--hover--background-color: var(--color--primary-600);
1509
+ /* active */
1510
+ --ez-button--active-color: var(--text--inverted);
1517
1511
  --ez-button--active--background-color: var(--color--primary-700);
1512
+ /* disabled */
1513
+ --ez-button--disabled-color: var(--text--primary);
1514
+ --ez-button--disabled--background-color: var(--background--medium);
1515
+ --ez-button--disabled--border: 1px solid var(--color--strokes);
1516
+ --ez-button--disabled--border-radius: 24px;
1517
+ /* focus */
1518
+ --ez-button--focus--box-shadow: none;
1519
+ --ez-button--focus--border: var(--border--medium, 2px solid) var(--color--primary-300); }
1520
+
1521
+ .ez-button--secondary {
1522
+ /* default */
1523
+ --ez-button--color: var(--title--primary);
1524
+ --ez-button--background-color: var(--background--light);
1525
+ /* hover */
1526
+ --ez-button--hover-color: var(--color--primary-600);
1527
+ --ez-button--hover--background-color: var(--background--light);
1528
+ /* active */
1529
+ --ez-button--active-color: var(--color--primary-700);
1530
+ --ez-button--active--background-color: var(--background--light);
1531
+ /* disabled */
1532
+ --ez-button--disabled-color: var(--text--primary);
1518
1533
  --ez-button--disabled--background-color: var(--background--medium);
1519
- --ez-button--active-color: var(--text--inverted); }
1534
+ --ez-button--disabled--border: 1px solid var(--color--strokes);
1535
+ --ez-button--disabled--border-radius: 24px;
1536
+ /* focus */
1537
+ --ez-button--focus--box-shadow: none;
1538
+ --ez-button--focus--border: var(--border--medium, 2px solid) var(--color--primary-300); }
1520
1539
 
1521
1540
  .ez-button--tertiary {
1541
+ /* default */
1542
+ --ez-button--color: var(--title--primary);
1543
+ --ez-button--background-color: none;
1522
1544
  --ez-button--font-weight: var(--text-weight--medium);
1523
1545
  --ez-button--border: none;
1524
- --ez-button--background-color: none;
1546
+ /* hover */
1525
1547
  --ez-button--hover-color: var(--color--primary-600);
1526
- --ez-button--color: var(--title--primary);
1527
1548
  --ez-button--hover--background-color: none;
1549
+ /* active */
1550
+ --ez-button--active-color: var(--title--primary);
1528
1551
  --ez-button--active--background-color: var(--color--disable-secondary);
1529
- --ez-button--focus--border: var(--border--xlarge, 4px solid) var(--color--primary-300);
1552
+ /* disabled */
1553
+ --ez-button--disabled-color: var(--text--primary);
1554
+ --ez-button--disabled--background-color: var(--background--medium);
1555
+ --ez-button--disabled--border: none;
1556
+ /* focus */
1530
1557
  --ez-button--focus--box-shadow: none;
1531
- --ez-button--disabled--background-color: none;
1532
- --ez-button--disabled-color: var(--text--disable);
1533
- --ez-button--active-color: var(--title--primary); }
1558
+ --ez-button--focus--border: var(--border--medium, 2px solid) var(--color--primary-300); }
1534
1559
 
1535
1560
  .ez-button--link--primary {
1536
1561
  color: #008561;
@@ -2599,39 +2624,63 @@ body {
2599
2624
  height: 576px; }
2600
2625
 
2601
2626
  .ez-split-button--primary {
2627
+ /* default */
2628
+ --ez-split-button--color: var(--text--inverted);
2602
2629
  --ez-split-button--background-color: var(--color--primary);
2603
2630
  --ez-split-button--font-weight: var(--text-weight--medium);
2604
- --ez-split-button--hover--background-color: var(--color--primary-600);
2631
+ --ez-split-button--border: none;
2632
+ /* hover */
2605
2633
  --ez-split-button--hover-color: var(--text--inverted);
2606
- --ez-split-button--color: var(--text--inverted);
2607
- --ez-split-button--active--background-color: var(--color--primary-700);
2634
+ --ez-split-button--hover--background-color: var(--color--primary-600);
2635
+ /* active */
2608
2636
  --ez-split-button--active-color: var(--text--inverted);
2609
- --ez-split-button--disabled-color: var(--text--disable);
2610
- --ez-split-button--disabled--background-color: var(--color--disable-primary); }
2637
+ --ez-split-button--active--background-color: var(--color--primary-700);
2638
+ /* disabled */
2639
+ --ez-split-button--disabled-color: var(--text--primary);
2640
+ --ez-split-button--disabled--background-color: var(--background--medium);
2641
+ --ez-split-button--disabled--border: 1px solid var(--color--strokes);
2642
+ --ez-split-button--disabled--border-radius: 24px;
2643
+ /* focus */
2644
+ --ez-split-button--focus--box-shadow: none;
2645
+ --ez-split-button--focus--border: var(--border--medium, 2px solid) var(--color--primary-300); }
2611
2646
 
2612
2647
  .ez-split-button--secondary {
2613
- --ez-split-button--background-color:var(--background--medium);
2614
- --ez-split-button--hover--background-color: var(--background--medium);
2615
- --ez-split-button--hover-color: var(--color--primary-600);
2648
+ /* default */
2616
2649
  --ez-split-button--color: var(--title--primary);
2617
- --ez-split-button--active--background-color: var(--background--medium);
2650
+ --ez-split-button--background-color: var(--background--light);
2651
+ /* hover */
2652
+ --ez-split-button--hover-color: var(--color--primary-600);
2653
+ --ez-split-button--hover--background-color: var(--background--light);
2654
+ /* active */
2618
2655
  --ez-split-button--active-color: var(--color--primary-700);
2619
- --ez-split-button--disabled-color: var(--text--disable);
2620
- --ez-split-button--disabled--background-color: var(--color--disable-secondary); }
2656
+ --ez-split-button--active--background-color: var(--background--light);
2657
+ /* disabled */
2658
+ --ez-split-button--disabled-color: var(--text--primary);
2659
+ --ez-split-button--disabled--background-color: var(--background--medium);
2660
+ --ez-split-button--disabled--border: 1px solid var(--color--strokes);
2661
+ --ez-split-button--disabled--border-radius: 24px;
2662
+ /* focus */
2663
+ --ez-split-button--focus--box-shadow: none;
2664
+ --ez-split-button--focus--border: var(--border--medium, 2px solid) var(--color--primary-300); }
2621
2665
 
2622
2666
  .ez-split-button--tertiary {
2667
+ --ez-split-button--color: var(--title--primary);
2623
2668
  --ez-split-button--background-color: none;
2624
2669
  --ez-split-button--font-weight: var(--text-weight--medium);
2625
- --ez-split-button--hover--background-color: none;
2670
+ --ez-split-button--border: none;
2671
+ /* hover */
2626
2672
  --ez-split-button--hover-color: var(--color--primary-600);
2627
- --ez-split-button--color: var(--title--primary);
2628
- --ez-split-button--active--background-color: var(--color--disable-secondary);
2673
+ --ez-split-button--hover--background-color: none;
2674
+ /* active */
2629
2675
  --ez-split-button--active-color: var(--title--primary);
2630
- --ez-split-button--disabled-color: var(--text--disable);
2631
- --ez-split-button--disabled--background-color: none;
2632
- --ez-split-button--focus--border: var(--border--xlarge, 4px solid) var(--color--primary-300);
2676
+ --ez-split-button--active--background-color: var(--color--disable-secondary);
2677
+ /* disabled */
2678
+ --ez-split-button--disabled-color: var(--text--primary);
2679
+ --ez-split-button--disabled--background-color: var(--background--medium);
2680
+ --ez-split-button--disabled--border: none;
2681
+ /* focus */
2633
2682
  --ez-split-button--focus--box-shadow: none;
2634
- --ez-split-button--border: none; }
2683
+ --ez-split-button--focus--border: var(--border--medium, 2px solid) var(--color--primary-300); }
2635
2684
 
2636
2685
  .ez-skeleton {
2637
2686
  background: linear-gradient(to right, #f1f5f8 0%, #fafafa 97%, #f0f0f0 100%);