@alfalab/core-components-pure-cell 4.3.2 → 4.4.0

package/src/index.module.css

@@ -0,0 +1,94 @@
+@import '@alfalab/core-components-themes/src/default.css';
+
+.component {
+    text-align: unset;
+    box-sizing: border-box;
+}
+
+.horizontal {
+    display: flex;
+    width: 100%;
+
+    & > section:not(:last-child) {
+        margin-right: var(--gap-m);
+    }
+}
+
+.vertical {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+
+    & > section:not(:last-child) {
+        margin-bottom: var(--gap-s);
+    }
+}
+
+.button {
+    font-family: inherit;
+    background: none;
+    border: 0;
+    border-radius: 0;
+    cursor: pointer;
+    transition: opacity 0.15s ease-in-out;
+    padding: 0;
+
+    &:hover {
+        opacity: 0.8;
+    }
+
+    &:active {
+        opacity: 0.6;
+    }
+}
+
+.link {
+    text-decoration: none;
+    color: inherit;
+    cursor: pointer;
+    transition: opacity 0.15s ease-in-out;
+
+    &:hover {
+        opacity: 0.8;
+    }
+
+    &:active {
+        opacity: 0.6;
+    }
+}
+.none {
+    padding: 0;
+}
+
+.airy {
+    padding: var(--gap-m) 0;
+}
+
+.defaultPadding {
+    padding: var(--gap-s) 0;
+}
+
+.compact {
+    padding: var(--gap-xs) 0;
+}
+
+.tiny {
+    padding: var(--gap-2xs) 0;
+}
+
+.left {
+    padding-left: var(--gap-m);
+}
+
+.right {
+    padding-right: var(--gap-m);
+}
+
+.both {
+    padding-right: var(--gap-m);
+    padding-left: var(--gap-m);
+}
+
+.focused {
+    @mixin focus-outline;
+}

package/src/index.ts

@@ -0,0 +1 @@
+export { PureCell } from './component';

package/cssm/getDataTestId-5c876d98.d.ts

@@ -1,2 +0,0 @@
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { getDataTestId };

package/cssm/getDataTestId-5c876d98.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
-exports.getDataTestId = getDataTestId;

package/esm/getDataTestId-da5e186a.d.ts

@@ -1,2 +0,0 @@
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { getDataTestId };

package/esm/getDataTestId-da5e186a.js

@@ -1,6 +0,0 @@
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
-export { getDataTestId as g };

package/getDataTestId-ded5c63d.d.ts

@@ -1,2 +0,0 @@
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { getDataTestId };

package/getDataTestId-ded5c63d.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
-exports.getDataTestId = getDataTestId;

package/modern/getDataTestId-ac4d85c3.d.ts

@@ -1,2 +0,0 @@
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { getDataTestId };

package/modern/getDataTestId-ac4d85c3.js

@@ -1,6 +0,0 @@
-const getDataTestId = (dataTestId, element) => {
-    const elementPart = element ? `-${element.toLowerCase()}` : '';
-    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
-};
-
-export { getDataTestId as g };