@volverjs/style 0.0.0

package/src/components/vv-card.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-card);
+$component-map: $vv-card;
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);

package/src/components/vv-collapse.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-collapse);
+$component-map: $vv-collapse;
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);

package/src/components/vv-dialog.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-dialog);
+$component-map: $vv-dialog;
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);

package/src/components/vv-dropdown.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-dropdown);
+$component-map: $vv-dropdown;
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);

package/src/components/vv-input-checkbox-group.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-input-checkbox-group);
+$component-map: $vv-input-checkbox-group;
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);

package/src/components/vv-input-checkbox.scss

@@ -0,0 +1,28 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-input-checkbox);
+$component-map: $vv-input-checkbox;
+$component-selector: '.#{ $component-name}';
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);
+
+@include wrap-with-where(
+	$selector: '#{$component-selector}:has(> input[type="checkbox"]:disabled)',
+	$enabled: $zero-specificity-for-compoenents
+) {
+	@extend %#{$component-name}--disabled !optional;
+}
+
+@include wrap-with-where(
+	$selector:
+		'#{$component-selector}:has(> input[type="checkbox"]:indeterminate)',
+	$enabled: $zero-specificity-for-compoenents
+) {
+	@extend %#{$component-name}--indeterminate !optional;
+}

package/src/components/vv-input-radio-group.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-input-radio-group);
+$component-map: $vv-input-radio-group;
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);

package/src/components/vv-input-radio.scss

@@ -0,0 +1,20 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-input-radio);
+$component-map: $vv-input-radio;
+$component-selector: '.#{ $component-name}';
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);
+
+@include wrap-with-where(
+	$selector: '#{$component-selector}:has(> input[type="radio"]:disabled)',
+	$enabled: $zero-specificity-for-compoenents
+) {
+	@extend %#{$component-name}--disabled !optional;
+}

package/src/components/vv-input-text.scss

@@ -0,0 +1,49 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-input-text);
+$component-map: $vv-input-text;
+$component-selector: '.#{ $component-name}';
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);
+
+// disabled and readonly
+@each $state in ('disabled', 'readonly') {
+	@include wrap-with-where(
+		$selector: '#{$component-selector}:has(input:#{$state})',
+		$enabled: $zero-specificity-for-compoenents
+	) {
+		@extend %#{$component-name}--#{$state} !optional;
+	}
+
+	@if map.get($component-map, 'state', $state, 'element') {
+		@each $element,
+			$map in map.get($component-map, 'state', $state, 'element')
+		{
+			@include wrap-with-where(
+				$selector:
+					'#{$component-selector}:has(input:#{$state}) #{$component-selector}__#{$element}',
+				$enabled: $zero-specificity-for-compoenents
+			) {
+				@extend %#{$component-name}-state-#{$state}__#{$element}
+						!optional;
+			}
+
+			@each $elementState, $elementMap in map.get($map, 'state') {
+				@include wrap-with-where(
+					$selector:
+						'#{$component-selector}:has(input:#{$state}) #{$component-selector}__#{$element}:#{$elementState}',
+					$enabled: $zero-specificity-for-compoenents
+				) {
+					@extend %#{$component-name}-state-#{$state}-element-#{$element}--#{$elementState}
+							!optional;
+				}
+			}
+		}
+	}
+}

package/src/components/vv-progress.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-progress);
+$component-map: $vv-progress;
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);

package/src/components/vv-select.scss

@@ -0,0 +1,49 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-select);
+$component-map: $vv-select;
+$component-selector: '.#{ $component-name}';
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);
+
+// disabled
+@each $state in ('disabled') {
+	@include wrap-with-where(
+		$selector: '#{$component-selector}:has(select:#{$state})',
+		$enabled: $zero-specificity-for-compoenents
+	) {
+		@extend %#{$component-name}--#{$state} !optional;
+	}
+
+	@if map.get($component-map, 'state', $state, 'element') {
+		@each $element,
+			$map in map.get($component-map, 'state', $state, 'element')
+		{
+			@include wrap-with-where(
+				$selector:
+					'#{$component-selector}:has(select:#{$state}) #{$component-selector}__#{$element}',
+				$enabled: $zero-specificity-for-compoenents
+			) {
+				@extend %#{$component-name}-state-#{$state}__#{$element}
+						!optional;
+			}
+
+			@each $elementState, $elementMap in map.get($map, 'state') {
+				@include wrap-with-where(
+					$selector:
+						'#{$component-selector}:has(select:#{$state}) #{$component-selector}__#{$element}:#{$elementState}',
+					$enabled: $zero-specificity-for-compoenents
+				) {
+					@extend %#{$component-name}-state-#{$state}-element-#{$element}--#{$elementState}
+							!optional;
+				}
+			}
+		}
+	}
+}

package/src/components/vv-table.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-table);
+$component-map: $vv-table;
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);

package/src/components/vv-text.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-text);
+$component-map: $vv-text;
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);

package/src/components/vv-textarea.scss

@@ -0,0 +1,49 @@
+@use 'sass:map';
+@import '../context';
+
+$component-name: map.get($components-names, vv-textarea);
+$component-map: $vv-textarea;
+$component-selector: '.#{ $component-name}';
+
+@include spread-map-into-bem(
+	$map: $component-map,
+	$block: $component-name,
+	$props: $use-custom-props-for-components,
+	$zero-specificity: $zero-specificity-for-compoenents
+);
+
+// disabled and readonly
+@each $state in ('disabled', 'readonly') {
+	@include wrap-with-where(
+		$selector: '#{$component-selector}:has(textarea:#{$state})',
+		$enabled: $zero-specificity-for-compoenents
+	) {
+		@extend %#{$component-name}--#{$state} !optional;
+	}
+
+	@if map.get($component-map, 'state', $state, 'element') {
+		@each $element,
+			$map in map.get($component-map, 'state', $state, 'element')
+		{
+			@include wrap-with-where(
+				$selector:
+					'#{$component-selector}:has(textarea:#{$state}) #{$component-selector}__#{$element}',
+				$enabled: $zero-specificity-for-compoenents
+			) {
+				@extend %#{$component-name}-state-#{$state}__#{$element}
+						!optional;
+			}
+
+			@each $elementState, $elementMap in map.get($map, 'state') {
+				@include wrap-with-where(
+					$selector:
+						'#{$component-selector}:has(textarea:#{$state}) #{$component-selector}__#{$element}:#{$elementState}',
+					$enabled: $zero-specificity-for-compoenents
+				) {
+					@extend %#{$component-name}-state-#{$state}-element-#{$element}--#{$elementState}
+							!optional;
+				}
+			}
+		}
+	}
+}