@innovaccer/design-system 2.5.0-2 → 2.5.1

package/css/src/components/button.css

@@ -192,16 +192,20 @@
 }
 
 .Button--transparent:hover {
-	background: var(--secondary-light);
+    background: var(--secondary-light);
+}
+
+.Button--transparent:focus {
+    background: color-mod(var(--stone-light) a(0.2));
+    /* box-shadow: var(--shadow-spread) var(--secondary-shadow); */
 }
 
 .Button--transparent:active {
 	background: var(--secondary);
 }
 
-.Button--transparent:focus {
-    background: color-mod(var(--stone-light) a(0.2));
-    /* box-shadow: var(--shadow-spread) var(--secondary-shadow); */
+.Button--transparent:focus:active {
+	background: var(--secondary);
 }
 
 .Button--transparent:disabled {

package/css/src/components/choiceList.css

@@ -0,0 +1,25 @@
+.ChoiceList {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+.ChoiceList-checkbox--vertical {
+  margin-top: var(--spacing)
+}
+
+.ChoiceList-radio--vertical {
+  margin-top: var(--spacing)
+}
+
+.ChoiceList--alignHorizontal {
+  display: flex;
+}
+
+.ChoiceList-checkbox--horizontal {
+  margin-left: var(--spacing-xl)
+}
+
+.ChoiceList-radio--horizontal {
+  margin-left: var(--spacing-xl)
+}

package/css/src/components/modal.css

@@ -1,10 +1,9 @@
 @keyframes modal-open {
   from {
-    top: 124px;
+    top: 20px;
     opacity: 0;
   }
   to {
-    top: 104px;
     opacity: 100;
   }
 }

package/css/src/utils/border.css

@@ -0,0 +1,39 @@
+.border {
+  border: var(--border) !important;
+}
+
+.border-top {
+  border-top: var(--border) !important;
+}
+
+.border-bottom {
+  border-bottom: var(--border) !important;
+}
+
+.border-right {
+  border-right: var(--border) !important;
+}
+
+.border-left {
+  border-left: var(--border) !important;
+}
+
+.border-0 {
+  border: 0 !important;
+}
+
+.border-top-0 {
+  border-top: 0 !important;
+}
+
+.border-right-0 {
+  border-right: 0 !important;
+}
+
+.border-bottom-0 {
+  border-bottom: 0 !important;
+}
+
+.border-left-0 {
+  border-left: 0 !important;
+}