@scattered-light/loomiere-base-ui 0.3.0 → 0.4.0

package/dist/styles/components/IconButton.css

@@ -1,49 +0,0 @@
-/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
-/* Icon Button - Mojave Theme
- *
- * A small, quiet icon-only button: the icon-button concept (tokens/semantic/icon-button.json),
- * the same look as the X that closes a dialog or toast, as a part of its own. For calendar
- * arrows, row actions and clear buttons, where a Button would be too loud. No component tokens.
- */
-
-.IconButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: var(--sl-icon-button-size);
-  height: var(--sl-icon-button-size);
-  padding: 0;
-  border: none;
-  border-radius: var(--sl-icon-button-radius);
-  background: transparent;
-  color: var(--sl-icon-button-color);
-  cursor: pointer;
-  outline: none;
-  transition: var(--sl-icon-button-transition);
-}
-
-.IconButton svg,
-.IconButton .material-symbols-outlined {
-  width: var(--sl-icon-size-base);
-  height: var(--sl-icon-size-base);
-  font-size: var(--sl-icon-size-base);
-  line-height: 1;
-}
-
-.IconButton:hover:not(:disabled):not([aria-disabled='true']) {
-  background: var(--sl-icon-button-background-hover);
-  color: var(--sl-icon-button-color-hover);
-}
-
-.IconButton:focus-visible {
-  outline: var(--sl-focus-outline);
-  outline-offset: var(--sl-focus-outline-offset);
-  box-shadow: 0 0 0 var(--sl-focus-halo-spread) var(--sl-focus-halo-color);
-}
-
-.IconButton:disabled,
-.IconButton[aria-disabled='true'] {
-  color: var(--sl-text-disabled);
-  cursor: not-allowed;
-}