@react-ui-org/react-ui 0.54.0 → 0.55.0

package/src/components/TextField/TextField.scss

@@ -1,107 +0,0 @@
-@use "../../styles/tools/form-fields/box-field-elements";
-@use "../../styles/tools/form-fields/box-field-layout";
-@use "../../styles/tools/form-fields/box-field-sizes";
-@use "../../styles/tools/form-fields/foundation";
-@use "../../styles/tools/form-fields/variants";
-@use "../../styles/tools/accessibility";
-
-// Foundation
-.root {
-    @include foundation.root();
-}
-
-.label {
-    @include foundation.label();
-}
-
-.inputContainer {
-    @include box-field-elements.input-container();
-}
-
-.input {
-    @include box-field-elements.input();
-}
-
-.bottomLine {
-    @include box-field-elements.bottom-line();
-}
-
-.helpText,
-.validationText {
-    @include foundation.help-text();
-}
-
-.hasRootCustomInputSize .input {
-    @include box-field-elements.input-size();
-}
-
-.isRootRequired .label {
-    @include foundation.label-required();
-}
-
-// Variants
-.isRootVariantFilled {
-    @include variants.visual(box, $variant: filled);
-}
-
-.isRootVariantOutline {
-    @include variants.visual(box, $variant: outline);
-}
-
-// States
-.isRootStateInvalid {
-    @include variants.validation(invalid);
-}
-
-.isRootStateValid {
-    @include variants.validation(valid);
-}
-
-.isRootStateWarning {
-    @include variants.validation(warning);
-}
-
-// Invisible label
-.isLabelHidden {
-    @include accessibility.hide-text();
-}
-
-// Layouts
-.isRootLayoutVertical,
-.isRootLayoutHorizontal {
-    @include box-field-layout.vertical();
-}
-
-.isRootLayoutHorizontal {
-    @include box-field-layout.horizontal();
-}
-
-.isRootFullWidth {
-    @include box-field-layout.full-width();
-}
-
-.isRootInFormLayout {
-    @include box-field-layout.in-form-layout();
-}
-
-.hasRootSmallInput.isRootLayoutHorizontal {
-    @include box-field-layout.horizontal-with-small-input();
-}
-
-// Sizes
-.isRootSizeSmall {
-    @include box-field-sizes.size(small);
-}
-
-.isRootSizeMedium {
-    @include box-field-sizes.size(medium);
-}
-
-.isRootSizeLarge {
-    @include box-field-sizes.size(large);
-}
-
-// Groups
-.isRootGrouped {
-    @include box-field-elements.in-group-layout();
-}

package/src/components/TextLink/TextLink.scss

@@ -1,16 +0,0 @@
-@use "theme";
-
-.root {
-    text-decoration: theme.$text-decoration;
-    color: theme.$color;
-
-    &:hover {
-        text-decoration: theme.$hover-text-decoration;
-        color: theme.$hover-color;
-    }
-
-    &:active {
-        text-decoration: theme.$active-text-decoration;
-        color: theme.$active-color;
-    }
-}

package/src/components/Toggle/Toggle.scss

@@ -1,61 +0,0 @@
-@use "../../styles/tools/form-fields/foundation";
-@use "../../styles/tools/form-fields/inline-field-elements";
-@use "../../styles/tools/form-fields/inline-field-layout";
-@use "../../styles/tools/form-fields/variants";
-@use "../../styles/tools/accessibility";
-
-// Foundation
-.root {
-    @include foundation.root();
-    @include inline-field-layout.root();
-    @include inline-field-elements.min-tap-target($type: toggle);
-    @include variants.visual(check);
-}
-
-.label {
-    @include foundation.label();
-}
-
-.field {
-    @include inline-field-layout.field($type: toggle);
-}
-
-.input {
-    @include inline-field-elements.check-input($type: toggle);
-}
-
-.helpText,
-.validationText {
-    @include foundation.help-text();
-}
-
-.isRootRequired .label {
-    @include foundation.label-required();
-}
-
-// States
-.isRootStateInvalid {
-    @include variants.validation(invalid);
-}
-
-.isRootStateValid {
-    @include variants.validation(valid);
-}
-
-.isRootStateWarning {
-    @include variants.validation(warning);
-}
-
-// Invisible label
-.isLabelHidden {
-    @include accessibility.hide-text();
-}
-
-// Layouts
-.hasRootLabelBefore {
-    @include inline-field-layout.has-label-before();
-}
-
-.isRootInFormLayout {
-    @include inline-field-layout.in-form-layout();
-}

package/src/components/Toolbar/Toolbar.scss

@@ -1,83 +0,0 @@
-// 1. Get rid of unwanted spacing of inline elements by invocation of flex layout.
-
-@use "../../styles/tools/spacing";
-@use "theme";
-
-.toolbar,
-.group {
-    display: flex;
-    flex-wrap: wrap;
-    gap: theme.$gap;
-}
-
-.toolbar {
-    @include spacing.bottom(layouts);
-}
-
-.item {
-    display: flex; // 1.
-    flex: none;
-    flex-direction: column; // 1.
-}
-
-.isItemFlexible {
-    flex: 1;
-    min-width: 0;
-}
-
-.isToolbarAlignedToTop,
-.isGroupAlignedToTop {
-    align-items: flex-start;
-}
-
-.isToolbarAlignedToMiddle,
-.isGroupAlignedToMiddle {
-    align-items: center;
-}
-
-.isToolbarAlignedToBottom,
-.isGroupAlignedToBottom {
-    align-items: flex-end;
-}
-
-.isToolbarAlignedToBaseline,
-.isGroupAlignedToBaseline {
-    align-items: baseline;
-}
-
-.isToolbarJustifiedToStart,
-.isGroupJustifiedToStart {
-    justify-content: flex-start;
-}
-
-.isToolbarJustifiedToCenter,
-.isGroupJustifiedToCenter {
-    justify-content: center;
-}
-
-.isToolbarJustifiedToEnd,
-.isGroupJustifiedToEnd {
-    justify-content: flex-end;
-}
-
-.isToolbarJustifiedToSpaceBetween,
-.isGroupJustifiedToSpaceBetween {
-    justify-content: space-between;
-}
-
-.isToolbarDense,
-.isGroupDense,
-.isToolbarDense .group,
-.isGroupDense .group {
-    gap: theme.$gap-dense;
-}
-
-.isToolbarNowrap,
-.isGroupNowrap {
-    flex-wrap: nowrap;
-}
-
-.isToolbarNowrap > .item:not(.isItemFlexible),
-.isGroupNowrap > .item:not(.isItemFlexible) {
-    flex: 0 1 auto;
-}