vcomply-design-system 1.3.0 → 1.3.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.
@@ -12,7 +12,6 @@
12
12
  overflow: hidden;
13
13
  outline: none;
14
14
  border-radius: 2px;
15
- // line-height : 24px;
16
15
  display: inline-flex;
17
16
  font-size: 12px;
18
17
  text-transform: uppercase;
@@ -509,6 +508,42 @@
509
508
  margin: 0 0 0 6px;
510
509
  }
511
510
  }
511
+
512
+ &.inputEditBtn {
513
+ background: transparent;
514
+ border-radius: 0;
515
+ border: none;
516
+ font-weight: 500;
517
+ height: 16px;
518
+ padding: 0;
519
+ margin: 0;
520
+
521
+ &.medium {
522
+ font-size: 11px;
523
+
524
+ i {
525
+ font-size: 12px;
526
+ margin-right: 4px;
527
+ }
528
+ }
529
+
530
+ &.xs {
531
+ font-size: 9px;
532
+
533
+ i {
534
+ font-size: 10px;
535
+ margin-right: 4px;
536
+ }
537
+ }
538
+
539
+ &.primary {
540
+ color: @blue-60;
541
+ }
542
+
543
+ &.error {
544
+ color: @red-60;
545
+ }
546
+ }
512
547
  }
513
548
 
514
549
  .splitBtn {
@@ -734,6 +734,26 @@
734
734
  </button>
735
735
  </div>
736
736
  </div>
737
+ <div
738
+ class="button-box-heading vx-fs-12 vx-fw-600 vx-lh-10 vx-m-0"
739
+ >
740
+ Input Edit Button
741
+ </div>
742
+ <div class="vx-d-flex vx-flex-wrap">
743
+ <div
744
+ class="vx-d-flex vx-align-center vx-mb-3 vx-mr-5 vx-pt-3"
745
+ >
746
+ <button class="vx-button inputEditBtn medium primary">
747
+ <i class="icons">&#xe9ba;</i>Edit</button
748
+ >&nbsp;&nbsp;
749
+ <button class="vx-button inputEditBtn xs primary">
750
+ <i class="icons">&#xe9ba;</i>Edit</button
751
+ >&nbsp;&nbsp;
752
+ <button class="vx-button inputEditBtn xs error">
753
+ <i class="icons">&#xe9ba;</i>Edit
754
+ </button>
755
+ </div>
756
+ </div>
737
757
  </div>
738
758
  </div>
739
759
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vcomply-design-system",
3
- "version": "1.3.0",
3
+ "version": "1.3.1",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {