smart-webcomponents-react 19.0.0 → 19.0.5

package/source/styles/default/smart.chip.css

@@ -1,102 +1,102 @@
-/* smart-chip */
-smart-chip:hover, smart-chip:focus {
-  box-shadow: var(--smart-elevation-2);
-  outline: none;
-}
-smart-chip .smart-container {
-  white-space: nowrap;
-}
-smart-chip.smart-element {
-  display: inline-block;
-}
-smart-chip[disabled]:hover {
-  box-shadow: none;
-}
-
-.smart-chip {
-  min-height: var(--smart-chip-default-height);
-  min-width: var(--smart-chip-default-height);
-  border-radius: calc(var(--smart-chip-default-height) / 2);
-  box-sizing: border-box;
-  background-color: var(--smart-primary);
-  color: var(--smart-primary-color);
-  position: relative;
-  margin: 2px;
-}
-.smart-chip .smart-avatar {
-  width: var(--smart-chip-default-height);
-  height: var(--smart-chip-default-height);
-  line-height: var(--smart-chip-default-height);
-  border-radius: 50%;
-  display: none;
-  vertical-align: middle;
-  font-size: 20px;
-  box-sizing: border-box;
-  text-align: center;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.smart-chip .smart-value {
-  line-height: var(--smart-chip-default-height);
-  display: none;
-  vertical-align: middle;
-  padding: 0px 15px 0px 15px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  margin: 0px;
-  cursor: default;
-}
-.smart-chip .smart-close-button {
-  width: var(--smart-chip-default-height);
-  height: var(--smart-chip-default-height);
-  display: none;
-  position: relative;
-  vertical-align: middle;
-}
-.smart-chip .smart-close-button:after {
-  font-family: var(--smart-font-family-icon);
-  content: var(--smart-icon-close);
-  color: inherit;
-  display: inline-block;
-  line-height: var(--smart-chip-default-height);
-  width: 100%;
-  text-align: center;
-}
-.smart-chip .smart-close-button:hover:after {
-  color: var(--smart-primary-color);
-  cursor: pointer;
-}
-.smart-chip.smart-container {
-  white-space: nowrap;
-}
-.smart-chip[avatar] .smart-avatar {
-  display: inline-block;
-}
-.smart-chip[avatar] .smart-avatar img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-}
-.smart-chip[avatar] .smart-value {
-  width: calc(100% - var(--smart-chip-default-height));
-  padding-left: 5px;
-}
-.smart-chip[close-button] .smart-value {
-  width: calc(100% - var(--smart-chip-default-height));
-  padding-right: 5px;
-}
-.smart-chip[close-button] .smart-close-button {
-  display: inline-block;
-}
-.smart-chip[avatar][close-button] .smart-value {
-  width: calc(100% - 2 * var(--smart-chip-default-height));
-}
-.smart-chip[value] .smart-value {
-  display: inline-block;
-}
-
-/* smart-chip */
-smart-chip[right-to-left] > .smart-container {
-  direction: rtl;
+/* smart-chip */
+smart-chip:hover, smart-chip:focus {
+  box-shadow: var(--smart-elevation-2);
+  outline: none;
+}
+smart-chip .smart-container {
+  white-space: nowrap;
+}
+smart-chip.smart-element {
+  display: inline-block;
+}
+smart-chip[disabled]:hover {
+  box-shadow: none;
+}
+
+.smart-chip {
+  min-height: var(--smart-chip-default-height);
+  min-width: var(--smart-chip-default-height);
+  border-radius: calc(var(--smart-chip-default-height) / 2);
+  box-sizing: border-box;
+  background-color: var(--smart-primary);
+  color: var(--smart-primary-color);
+  position: relative;
+  margin: 2px;
+}
+.smart-chip .smart-avatar {
+  width: var(--smart-chip-default-height);
+  height: var(--smart-chip-default-height);
+  line-height: var(--smart-chip-default-height);
+  border-radius: 50%;
+  display: none;
+  vertical-align: middle;
+  font-size: 20px;
+  box-sizing: border-box;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.smart-chip .smart-value {
+  line-height: var(--smart-chip-default-height);
+  display: none;
+  vertical-align: middle;
+  padding: 0px 15px 0px 15px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin: 0px;
+  cursor: default;
+}
+.smart-chip .smart-close-button {
+  width: var(--smart-chip-default-height);
+  height: var(--smart-chip-default-height);
+  display: none;
+  position: relative;
+  vertical-align: middle;
+}
+.smart-chip .smart-close-button:after {
+  font-family: var(--smart-font-family-icon);
+  content: var(--smart-icon-close);
+  color: inherit;
+  display: inline-block;
+  line-height: var(--smart-chip-default-height);
+  width: 100%;
+  text-align: center;
+}
+.smart-chip .smart-close-button:hover:after {
+  color: var(--smart-primary-color);
+  cursor: pointer;
+}
+.smart-chip.smart-container {
+  white-space: nowrap;
+}
+.smart-chip[avatar] .smart-avatar {
+  display: inline-block;
+}
+.smart-chip[avatar] .smart-avatar img {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+.smart-chip[avatar] .smart-value {
+  width: calc(100% - var(--smart-chip-default-height));
+  padding-left: 5px;
+}
+.smart-chip[close-button] .smart-value {
+  width: calc(100% - var(--smart-chip-default-height));
+  padding-right: 5px;
+}
+.smart-chip[close-button] .smart-close-button {
+  display: inline-block;
+}
+.smart-chip[avatar][close-button] .smart-value {
+  width: calc(100% - 2 * var(--smart-chip-default-height));
+}
+.smart-chip[value] .smart-value {
+  display: inline-block;
+}
+
+/* smart-chip */
+smart-chip[right-to-left] > .smart-container {
+  direction: rtl;
 }