@itcase/ui 1.8.102 → 1.8.104

package/dist/css/styles/border-color/border-color_active.css

@@ -1,5 +1,11 @@
-.border-color {
+.border-color,
+button.border-color {
   &_active {
+    &_none {
+      border-width: 1px;
+      border-color: transparent;
+      border-style: solid;
+    }
     @each $type in accent, primary, secondary, surface, error, warning, success,
       danger, info, disabled {
       @each $color in primary, secondary, tertiary, quaternary {
@@ -15,11 +21,11 @@
       }
     }
     @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
-      pink-citrus, pomagranate, dragon-fruit, camellia, red-rose, plum, orange,
+      pink-citrus, pomegranate, dragon-fruit, camellia, red-rose, plum, orange,
       clementine, apricot, papaya, kumquat, light-orange, peach, flamingo,
       rose-gold, pink-sand, vintage-rose, grapefruit, cream, mellow-yellow,
       canary-yellow, pollen, flash-light, lemon-cream, flash, dark-green, green,
-      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulian,
+      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulean,
       surf-blue, pacific-green, blue-cobalt, dark-teal, blue-horizon,
       denim-blue, linen-blue, deep-navy, midnight-blue, purple, ultra-violet,
       lilac, ocean-blue, delft-blue, indigo, lavender-gray, lavender, mist-blue,

package/dist/css/styles/border-color/border-color_active_hover.css

@@ -0,0 +1,47 @@
+.border-color,
+button.border-color {
+  &_active {
+    &_none {
+      border-width: 1px;
+      border-color: transparent;
+      border-style: solid;
+    }
+    @each $type in accent, primary, secondary, surface, error, warning, success,
+      danger, info, disabled {
+      @each $color in primary, secondary, tertiary, quaternary {
+        &_$(type) {
+          &-border {
+            &-$(color) {
+              &:hover {
+                border-width: 1px;
+                border-color: var(--color-$(type)-border-$(color));
+                border-style: solid;
+              }
+            }
+          }
+        }
+      }
+    }
+    @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
+      pink-citrus, pomegranate, dragon-fruit, camellia, red-rose, plum, orange,
+      clementine, apricot, papaya, kumquat, light-orange, peach, flamingo,
+      rose-gold, pink-sand, vintage-rose, grapefruit, cream, mellow-yellow,
+      canary-yellow, pollen, flash-light, lemon-cream, flash, dark-green, green,
+      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulean,
+      surf-blue, pacific-green, blue-cobalt, dark-teal, blue-horizon,
+      denim-blue, linen-blue, deep-navy, midnight-blue, purple, ultra-violet,
+      lilac, ocean-blue, delft-blue, indigo, lavender-gray, lavender, mist-blue,
+      storm-gray, cactus, pine-green, cyprus-green, northern-blue, azure,
+      alaskan-blue, khaki, dark-olive, soft-white, antique-white, yellow-gold,
+      gold, camel, walnut, stone, pebble, cocoa, coastal-gray, white, black,
+      alto, athens-gray, sonic-silver {
+      &_$(palette) {
+        &:hover {
+          border-width: 1px;
+          border-color: var(--color-palette-$(palette));
+          border-style: solid;
+        }
+      }
+    }
+  }
+}

package/dist/css/styles/border-color/border-color_focus.css

@@ -1,5 +1,11 @@
-.border-color {
+.border-color,
+button.border-color {
   &_focus {
+    &_none {
+      border-width: 1px;
+      border-color: transparent;
+      border-style: solid;
+    }
     @each $type in accent, primary, secondary, surface, error, warning, success,
       danger, info, disabled {
       @each $color in primary, secondary, tertiary, quaternary {
@@ -18,11 +24,11 @@
       }
     }
     @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
-      pink-citrus, pomagranate, dragon-fruit, camellia, red-rose, plum, orange,
+      pink-citrus, pomegranate, dragon-fruit, camellia, red-rose, plum, orange,
       clementine, apricot, papaya, kumquat, light-orange, peach, flamingo,
       rose-gold, pink-sand, vintage-rose, grapefruit, cream, mellow-yellow,
       canary-yellow, pollen, flash-light, lemon-cream, flash, dark-green, green,
-      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulian,
+      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulean,
       surf-blue, pacific-green, blue-cobalt, dark-teal, blue-horizon,
       denim-blue, linen-blue, deep-navy, midnight-blue, purple, ultra-violet,
       lilac, ocean-blue, delft-blue, indigo, lavender-gray, lavender, mist-blue,

package/dist/css/styles/border-color/border-color_hover.css

@@ -1,7 +1,10 @@
-.border-color {
+.border-color,
+button.border-color {
   &_hover {
     &_none {
+      border-width: 1px;
       border-color: transparent;
+      border-style: solid;
     }
     @each $type in accent, primary, secondary, surface, error, warning, success,
       danger, info, disabled {
@@ -27,11 +30,11 @@
       }
     }
     @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
-      pink-citrus, pomagranate, dragon-fruit, camellia, red-rose, plum, orange,
+      pink-citrus, pomegranate, dragon-fruit, camellia, red-rose, plum, orange,
       clementine, apricot, papaya, kumquat, light-orange, peach, flamingo,
       rose-gold, pink-sand, vintage-rose, grapefruit, cream, mellow-yellow,
       canary-yellow, pollen, flash-light, lemon-cream, flash, dark-green, green,
-      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulian,
+      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulean,
       surf-blue, pacific-green, blue-cobalt, dark-teal, blue-horizon,
       denim-blue, linen-blue, deep-navy, midnight-blue, purple, ultra-violet,
       lilac, ocean-blue, delft-blue, indigo, lavender-gray, lavender, mist-blue,