@alfalab/core-components-select 19.1.10 → 19.2.0-alfasans

package/cssm/components/virtual-options-list/index.module.css

@@ -1,83 +0,0 @@
-:root {
-    --color-light-neutral-300: #e7e8eb;
-    --color-light-neutral-400: #d2d3d9;
-    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-}
-:root {
-    --gap-s: 12px;
-    --gap-m: 16px;
-    --gap-xl: 24px;
-    --gap-0: 0px;
-    --gap-12: var(--gap-s);
-    --gap-16: var(--gap-m);
-    --gap-24: var(--gap-xl);
-}
-:root {
-    --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
-    --select-option-divider-display: none;
-    --select-option-divider-background: var(--color-light-neutral-400);
-
-    --select-option-left-padding: var(--gap-12);
-    --select-option-right-padding: var(--gap-12);
-}
-.virtualOptionsList {
-    width: 100%;
-    outline: none;
-    box-sizing: border-box;
-    position: sticky;
-    justify-content: space-between;
-}
-.virtualOptionsListHeader {
-    box-sizing: border-box;
-    border-bottom: 1px solid var(--color-light-neutral-300);
-}
-.virtualOptionsListFooter {
-    position: sticky;
-    bottom: var(--gap-0);
-    box-sizing: border-box;
-    border-top: 1px solid transparent;
-}
-.virtualOptionsListFooter.withBorder {
-        border-top: 1px solid var(--color-light-neutral-300);
-    }
-.scrollable {
-    position: relative;
-    overflow: auto;
-    width: 100%;
-}
-.inner {
-    position: relative;
-    width: 100%;
-}
-.virtualRow {
-    position: absolute;
-    top: var(--gap-0);
-    left: var(--gap-0);
-    width: 100%;
-}
-.virtualRow:before {
-        content: '';
-        position: absolute;
-        z-index: 1;
-        left: var(--select-option-left-padding);
-        right: var(--select-option-right-padding);
-        top: var(--gap-0);
-        height: 1px;
-        background: var(--select-option-divider-background);
-        display: var(--select-option-divider-display);
-    }
-.virtualRow:first-child:before {
-        display: none;
-    }
-.highlighted:before,
-    .highlighted + .virtualRow:before {
-        display: none;
-    }
-.emptyPlaceholder {
-    padding: var(--gap-16) var(--gap-12);
-    color: var(--select-options-list-empty-placeholder-color);
-    flex: 1;
-}
-.size-72 .emptyPlaceholder {
-    padding: var(--gap-24) var(--gap-16);
-}

package/esm/components/virtual-options-list/index.css

@@ -1,83 +0,0 @@
-:root {
-    --color-light-neutral-300: #e7e8eb;
-    --color-light-neutral-400: #d2d3d9;
-    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-}
-:root {
-    --gap-s: 12px;
-    --gap-m: 16px;
-    --gap-xl: 24px;
-    --gap-0: 0px;
-    --gap-12: var(--gap-s);
-    --gap-16: var(--gap-m);
-    --gap-24: var(--gap-xl);
-}
-:root {
-    --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
-    --select-option-divider-display: none;
-    --select-option-divider-background: var(--color-light-neutral-400);
-
-    --select-option-left-padding: var(--gap-12);
-    --select-option-right-padding: var(--gap-12);
-}
-.select__virtualOptionsList_1oqav {
-    width: 100%;
-    outline: none;
-    box-sizing: border-box;
-    position: sticky;
-    justify-content: space-between;
-}
-.select__virtualOptionsListHeader_1oqav {
-    box-sizing: border-box;
-    border-bottom: 1px solid var(--color-light-neutral-300);
-}
-.select__virtualOptionsListFooter_1oqav {
-    position: sticky;
-    bottom: var(--gap-0);
-    box-sizing: border-box;
-    border-top: 1px solid transparent;
-}
-.select__virtualOptionsListFooter_1oqav.select__withBorder_1oqav {
-        border-top: 1px solid var(--color-light-neutral-300);
-    }
-.select__scrollable_1oqav {
-    position: relative;
-    overflow: auto;
-    width: 100%;
-}
-.select__inner_1oqav {
-    position: relative;
-    width: 100%;
-}
-.select__virtualRow_1oqav {
-    position: absolute;
-    top: var(--gap-0);
-    left: var(--gap-0);
-    width: 100%;
-}
-.select__virtualRow_1oqav:before {
-        content: '';
-        position: absolute;
-        z-index: 1;
-        left: var(--select-option-left-padding);
-        right: var(--select-option-right-padding);
-        top: var(--gap-0);
-        height: 1px;
-        background: var(--select-option-divider-background);
-        display: var(--select-option-divider-display);
-    }
-.select__virtualRow_1oqav:first-child:before {
-        display: none;
-    }
-.select__highlighted_1oqav:before,
-    .select__highlighted_1oqav + .select__virtualRow_1oqav:before {
-        display: none;
-    }
-.select__emptyPlaceholder_1oqav {
-    padding: var(--gap-16) var(--gap-12);
-    color: var(--select-options-list-empty-placeholder-color);
-    flex: 1;
-}
-.select__size-72_1oqav .select__emptyPlaceholder_1oqav {
-    padding: var(--gap-24) var(--gap-16);
-}

package/esm/components/virtual-options-list/index.module.css.js

@@ -1,6 +0,0 @@
-import './index.css';
-
-var styles = {"virtualOptionsList":"select__virtualOptionsList_1oqav","virtualOptionsListHeader":"select__virtualOptionsListHeader_1oqav","virtualOptionsListFooter":"select__virtualOptionsListFooter_1oqav","withBorder":"select__withBorder_1oqav","scrollable":"select__scrollable_1oqav","inner":"select__inner_1oqav","virtualRow":"select__virtualRow_1oqav","highlighted":"select__highlighted_1oqav","emptyPlaceholder":"select__emptyPlaceholder_1oqav","size-72":"select__size-72_1oqav"};
-
-export { styles as default };
-//# sourceMappingURL=index.module.css.js.map

package/esm/components/virtual-options-list/index.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/virtual-options-list/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.virtualOptionsList {\n    width: 100%;\n    outline: none;\n    box-sizing: border-box;\n    position: sticky;\n    justify-content: space-between;\n}\n\n.virtualOptionsListHeader {\n    box-sizing: border-box;\n    border-bottom: 1px solid var(--color-light-neutral-300);\n}\n\n.virtualOptionsListFooter {\n    position: sticky;\n    bottom: var(--gap-0);\n    box-sizing: border-box;\n    border-top: 1px solid transparent;\n\n    &.withBorder {\n        border-top: 1px solid var(--color-light-neutral-300);\n    }\n}\n\n.scrollable {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n}\n\n.inner {\n    position: relative;\n    width: 100%;\n}\n\n.virtualRow {\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n\n    &:before {\n        content: '';\n        position: absolute;\n        z-index: 1;\n        left: var(--select-option-left-padding);\n        right: var(--select-option-right-padding);\n        top: var(--gap-0);\n        height: 1px;\n        background: var(--select-option-divider-background);\n        display: var(--select-option-divider-display);\n    }\n\n    &:first-child:before {\n        display: none;\n    }\n}\n\n.highlighted {\n    &:before,\n    & + .virtualRow:before {\n        display: none;\n    }\n}\n\n.emptyPlaceholder {\n    padding: var(--gap-16) var(--gap-12);\n    color: var(--select-options-list-empty-placeholder-color);\n    flex: 1;\n}\n\n.size-72 .emptyPlaceholder {\n    padding: var(--gap-24) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,0BAA0B,CAAC,wCAAwC,CAAC,0BAA0B,CAAC,wCAAwC,CAAC,YAAY,CAAC,0BAA0B,CAAC,YAAY,CAAC,0BAA0B,CAAC,OAAO,CAAC,qBAAqB,CAAC,YAAY,CAAC,0BAA0B,CAAC,aAAa,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,gCAAgC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/modern/components/virtual-options-list/index.css

@@ -1,83 +0,0 @@
-:root {
-    --color-light-neutral-300: #e7e8eb;
-    --color-light-neutral-400: #d2d3d9;
-    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-}
-:root {
-    --gap-s: 12px;
-    --gap-m: 16px;
-    --gap-xl: 24px;
-    --gap-0: 0px;
-    --gap-12: var(--gap-s);
-    --gap-16: var(--gap-m);
-    --gap-24: var(--gap-xl);
-}
-:root {
-    --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
-    --select-option-divider-display: none;
-    --select-option-divider-background: var(--color-light-neutral-400);
-
-    --select-option-left-padding: var(--gap-12);
-    --select-option-right-padding: var(--gap-12);
-}
-.select__virtualOptionsList_1oqav {
-    width: 100%;
-    outline: none;
-    box-sizing: border-box;
-    position: sticky;
-    justify-content: space-between;
-}
-.select__virtualOptionsListHeader_1oqav {
-    box-sizing: border-box;
-    border-bottom: 1px solid var(--color-light-neutral-300);
-}
-.select__virtualOptionsListFooter_1oqav {
-    position: sticky;
-    bottom: var(--gap-0);
-    box-sizing: border-box;
-    border-top: 1px solid transparent;
-}
-.select__virtualOptionsListFooter_1oqav.select__withBorder_1oqav {
-        border-top: 1px solid var(--color-light-neutral-300);
-    }
-.select__scrollable_1oqav {
-    position: relative;
-    overflow: auto;
-    width: 100%;
-}
-.select__inner_1oqav {
-    position: relative;
-    width: 100%;
-}
-.select__virtualRow_1oqav {
-    position: absolute;
-    top: var(--gap-0);
-    left: var(--gap-0);
-    width: 100%;
-}
-.select__virtualRow_1oqav:before {
-        content: '';
-        position: absolute;
-        z-index: 1;
-        left: var(--select-option-left-padding);
-        right: var(--select-option-right-padding);
-        top: var(--gap-0);
-        height: 1px;
-        background: var(--select-option-divider-background);
-        display: var(--select-option-divider-display);
-    }
-.select__virtualRow_1oqav:first-child:before {
-        display: none;
-    }
-.select__highlighted_1oqav:before,
-    .select__highlighted_1oqav + .select__virtualRow_1oqav:before {
-        display: none;
-    }
-.select__emptyPlaceholder_1oqav {
-    padding: var(--gap-16) var(--gap-12);
-    color: var(--select-options-list-empty-placeholder-color);
-    flex: 1;
-}
-.select__size-72_1oqav .select__emptyPlaceholder_1oqav {
-    padding: var(--gap-24) var(--gap-16);
-}

package/modern/components/virtual-options-list/index.module.css.js

@@ -1,6 +0,0 @@
-import './index.css';
-
-const styles = {"virtualOptionsList":"select__virtualOptionsList_1oqav","virtualOptionsListHeader":"select__virtualOptionsListHeader_1oqav","virtualOptionsListFooter":"select__virtualOptionsListFooter_1oqav","withBorder":"select__withBorder_1oqav","scrollable":"select__scrollable_1oqav","inner":"select__inner_1oqav","virtualRow":"select__virtualRow_1oqav","highlighted":"select__highlighted_1oqav","emptyPlaceholder":"select__emptyPlaceholder_1oqav","size-72":"select__size-72_1oqav"};
-
-export { styles as default };
-//# sourceMappingURL=index.module.css.js.map

package/modern/components/virtual-options-list/index.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/virtual-options-list/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.virtualOptionsList {\n    width: 100%;\n    outline: none;\n    box-sizing: border-box;\n    position: sticky;\n    justify-content: space-between;\n}\n\n.virtualOptionsListHeader {\n    box-sizing: border-box;\n    border-bottom: 1px solid var(--color-light-neutral-300);\n}\n\n.virtualOptionsListFooter {\n    position: sticky;\n    bottom: var(--gap-0);\n    box-sizing: border-box;\n    border-top: 1px solid transparent;\n\n    &.withBorder {\n        border-top: 1px solid var(--color-light-neutral-300);\n    }\n}\n\n.scrollable {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n}\n\n.inner {\n    position: relative;\n    width: 100%;\n}\n\n.virtualRow {\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n\n    &:before {\n        content: '';\n        position: absolute;\n        z-index: 1;\n        left: var(--select-option-left-padding);\n        right: var(--select-option-right-padding);\n        top: var(--gap-0);\n        height: 1px;\n        background: var(--select-option-divider-background);\n        display: var(--select-option-divider-display);\n    }\n\n    &:first-child:before {\n        display: none;\n    }\n}\n\n.highlighted {\n    &:before,\n    & + .virtualRow:before {\n        display: none;\n    }\n}\n\n.emptyPlaceholder {\n    padding: var(--gap-16) var(--gap-12);\n    color: var(--select-options-list-empty-placeholder-color);\n    flex: 1;\n}\n\n.size-72 .emptyPlaceholder {\n    padding: var(--gap-24) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,0BAA0B,CAAC,wCAAwC,CAAC,0BAA0B,CAAC,wCAAwC,CAAC,YAAY,CAAC,0BAA0B,CAAC,YAAY,CAAC,0BAA0B,CAAC,OAAO,CAAC,qBAAqB,CAAC,YAAY,CAAC,0BAA0B,CAAC,aAAa,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,gCAAgC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/moderncssm/components/virtual-options-list/index.module.css

@@ -1,81 +0,0 @@
-:root {
-    --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
-    --select-option-divider-display: none;
-    --select-option-divider-background: var(--color-light-neutral-400);
-
-    --select-option-left-padding: var(--gap-12);
-    --select-option-right-padding: var(--gap-12);
-}
-
-.virtualOptionsList {
-    width: 100%;
-    outline: none;
-    box-sizing: border-box;
-    position: sticky;
-    justify-content: space-between;
-}
-
-.virtualOptionsListHeader {
-    box-sizing: border-box;
-    border-bottom: 1px solid var(--color-light-neutral-300);
-}
-
-.virtualOptionsListFooter {
-    position: sticky;
-    bottom: var(--gap-0);
-    box-sizing: border-box;
-    border-top: 1px solid transparent;
-}
-
-.virtualOptionsListFooter.withBorder {
-        border-top: 1px solid var(--color-light-neutral-300);
-    }
-
-.scrollable {
-    position: relative;
-    overflow: auto;
-    width: 100%;
-}
-
-.inner {
-    position: relative;
-    width: 100%;
-}
-
-.virtualRow {
-    position: absolute;
-    top: var(--gap-0);
-    left: var(--gap-0);
-    width: 100%;
-}
-
-.virtualRow:before {
-        content: '';
-        position: absolute;
-        z-index: 1;
-        left: var(--select-option-left-padding);
-        right: var(--select-option-right-padding);
-        top: var(--gap-0);
-        height: 1px;
-        background: var(--select-option-divider-background);
-        display: var(--select-option-divider-display);
-    }
-
-.virtualRow:first-child:before {
-        display: none;
-    }
-
-.highlighted:before,
-    .highlighted + .virtualRow:before {
-        display: none;
-    }
-
-.emptyPlaceholder {
-    padding: var(--gap-16) var(--gap-12);
-    color: var(--select-options-list-empty-placeholder-color);
-    flex: 1;
-}
-
-.size-72 .emptyPlaceholder {
-    padding: var(--gap-24) var(--gap-16);
-}

package/src/components/virtual-options-list/index.module.css

@@ -1,77 +0,0 @@
-@import '@alfalab/core-components-vars/src/index.css';
-@import '../../vars.css';
-
-.virtualOptionsList {
-    width: 100%;
-    outline: none;
-    box-sizing: border-box;
-    position: sticky;
-    justify-content: space-between;
-}
-
-.virtualOptionsListHeader {
-    box-sizing: border-box;
-    border-bottom: 1px solid var(--color-light-neutral-300);
-}
-
-.virtualOptionsListFooter {
-    position: sticky;
-    bottom: var(--gap-0);
-    box-sizing: border-box;
-    border-top: 1px solid transparent;
-
-    &.withBorder {
-        border-top: 1px solid var(--color-light-neutral-300);
-    }
-}
-
-.scrollable {
-    position: relative;
-    overflow: auto;
-    width: 100%;
-}
-
-.inner {
-    position: relative;
-    width: 100%;
-}
-
-.virtualRow {
-    position: absolute;
-    top: var(--gap-0);
-    left: var(--gap-0);
-    width: 100%;
-
-    &:before {
-        content: '';
-        position: absolute;
-        z-index: 1;
-        left: var(--select-option-left-padding);
-        right: var(--select-option-right-padding);
-        top: var(--gap-0);
-        height: 1px;
-        background: var(--select-option-divider-background);
-        display: var(--select-option-divider-display);
-    }
-
-    &:first-child:before {
-        display: none;
-    }
-}
-
-.highlighted {
-    &:before,
-    & + .virtualRow:before {
-        display: none;
-    }
-}
-
-.emptyPlaceholder {
-    padding: var(--gap-16) var(--gap-12);
-    color: var(--select-options-list-empty-placeholder-color);
-    flex: 1;
-}
-
-.size-72 .emptyPlaceholder {
-    padding: var(--gap-24) var(--gap-16);
-}