tom-select-rails 2.2.1 → 2.3.1

data/vendor/assets/stylesheets/tom-select-rails/scss/tom-select.scss

@@ -1,5 +1,5 @@
 /**
- * tom-select.css (v2.2.1)
+ * tom-select.css (v2.3.1)
  * Copyright (c) contributors
  *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
@@ -13,17 +13,14 @@
  *
  */
 
-
 // base styles
 $select-ns:										'ts' !default;
 $select-font-family:							inherit !default;
-$select-font-smoothing:							inherit !default;
 $select-font-size:								13px !default;
 $select-line-height:							18px !default;
-
 $select-color-text:								#303030 !default;
 $select-color-border:							#d0d0d0 !default;
-$select-color-highlight:						rgba(125,168,208,0.2) !default;
+$select-color-highlight:						rgba(125, 168, 208, 20%) !default;
 $select-color-input:							#fff !default;
 $select-color-input-full:						$select-color-input !default;
 $select-color-disabled:							#fafafa !default;
@@ -37,8 +34,8 @@ $select-color-dropdown:							#fff !default;
 $select-color-dropdown-border:					$select-color-border !default;
 $select-color-dropdown-border-top:				#f0f0f0 !default;
 $select-color-dropdown-item-active:				#f5fafd !default;
-$select-color-dropdown-item-active-text: 		#495c68 !default;
-$select-color-dropdown-item-create-text:		rgba(red($select-color-text), green($select-color-text), blue($select-color-text), 0.5) !default;
+$select-color-dropdown-item-active-text:		#495c68 !default;
+$select-color-dropdown-item-create-text:		rgba(red($select-color-text), green($select-color-text), blue($select-color-text), 50%) !default;
 $select-color-dropdown-item-create-active-text:	$select-color-dropdown-item-active-text !default;
 $select-color-optgroup:							$select-color-dropdown !default;
 $select-color-optgroup-text:					$select-color-text !default;
@@ -46,51 +43,56 @@ $select-lighten-disabled-item:					30% !default;
 $select-lighten-disabled-item-text:				30% !default;
 $select-lighten-disabled-item-border:			30% !default;
 $select-opacity-disabled:						0.5 !default;
-
 $select-shadow-input:							none !default;
 $select-shadow-input-focus:						none !default;
 $select-border-width:							1px !default;
 $select-border:									$select-border-width solid $select-color-border !default;
 $select-dropdown-border:						1px solid $select-color-dropdown-border !default;
 $select-border-radius:							3px !default;
-
-$select-width-item-border:						0px !default;
+$select-width-item-border:						0 !default;
 $select-max-height-dropdown:					200px !default;
-
 $select-padding-x:								8px !default;
 $select-padding-y:								8px !default;
 $select-padding-item-x:							6px !default;
 $select-padding-item-y:							2px !default;
-$select-padding-dropdown-item-x:					$select-padding-x !default;
-$select-padding-dropdown-item-y:					5px !default;
+$select-padding-dropdown-item-x:				$select-padding-x !default;
+$select-padding-dropdown-item-y:				5px !default;
 $select-margin-item-x:							3px !default;
 $select-margin-item-y:							3px !default;
-
 $select-arrow-size:								5px !default;
-$select-arrow-color:								#808080 !default;
+$select-arrow-color:							#808080 !default;
 $select-arrow-offset:							15px !default;
-
-$select-caret-margin:							0px 4px !default;
-$select-caret-margin-rtl:						0px 4px 0px -2px !default;
-
+$select-caret-margin:							0 4px !default;
+$select-caret-margin-rtl:						0 4px 0 -2px !default;
 $select-spinner-size:							30px !default;
 $select-spinner-border-size:					5px !default;
 $select-spinner-border-color:					$select-color-border !default;
 
-:root{
-	--ts-pr-clear-button:						0;
-	--ts-pr-caret:								0;
-	--ts-pr-min:								.75rem;
+@import 'items';
+@import 'dropdown';
+
+@import "./plugins/drag_drop.scss";
+@import "./plugins/checkbox_options.scss";
+@import "./plugins/clear_button.scss";
+@import "./plugins/dropdown_header.scss";
+@import "./plugins/dropdown_input.scss";
+@import "./plugins/input_autogrow.scss";
+@import "./plugins/optgroup_columns.scss";
+@import "./plugins/remove_button.scss";
+
+:root {
+	--ts-pr-clear-button: 0;
+	--ts-pr-caret: 0;
+	--ts-pr-min: .75rem;
 }
 
 @mixin selectize-vertical-gradient($color-top, $color-bottom) {
-    background-color: mix($color-top, $color-bottom, 60%);
+    background-color: color-mix($color-top, $color-bottom, 60%);
     background-image: linear-gradient(to bottom, $color-top, $color-bottom);
     background-repeat: repeat-x;
 }
 
-
-.#{$select-ns}-wrapper.single{
+.#{$select-ns}-wrapper.single {
 	.#{$select-ns}-control {
 		&, input {
 			cursor: pointer;
@@ -98,23 +100,24 @@ $select-spinner-border-color:					$select-color-border !default;
 	}
 }
 
-.#{$select-ns}-control {
-	padding-right:	Max( var(--ts-pr-min), calc( var(--ts-pr-clear-button) + var(--ts-pr-caret)) ) !important;
+.#{$select-ns}-control:not(.rtl) {
+	padding-right:	max( var(--ts-pr-min), calc( var(--ts-pr-clear-button) + var(--ts-pr-caret)) ) !important;
 }
 
-@mixin ts-caret(){
-
-	.#{$select-ns}-wrapper.single{
+.#{$select-ns}-control.rtl {
+	padding-left:	max( var(--ts-pr-min), calc( var(--ts-pr-clear-button) + var(--ts-pr-caret)) ) !important;
+}
 
+@mixin ts-caret() {
+	.#{$select-ns}-wrapper.single {
 		.#{$select-ns}-control {
 			--ts-pr-caret: 2rem;
 
-			&:after {
+			&::after {
 				content: ' ';
 				display: block;
 				position: absolute;
 				top: 50%;
-				right: $select-arrow-offset;
 				margin-top: round(-0.5 * $select-arrow-size);
 				width: 0;
 				height: 0;
@@ -122,6 +125,14 @@ $select-spinner-border-color:					$select-color-border !default;
 				border-width: $select-arrow-size $select-arrow-size 0 $select-arrow-size;
 				border-color: $select-arrow-color transparent transparent transparent;
 			}
+			
+			&:not(.rtl)::after {
+				right: $select-arrow-offset;
+			}
+			
+			&.rtl::after {
+				left: $select-arrow-offset;
+			}
 		}
 
 		&.dropdown-active .#{$select-ns}-control::after {
@@ -134,20 +145,9 @@ $select-spinner-border-color:					$select-color-border !default;
 		&.input-active .#{$select-ns}-control input {
 			cursor: text;
 		}
-
 	}
 }
 
-@import "./plugins/drag_drop.scss";
-@import "./plugins/checkbox_options.scss";
-@import "./plugins/clear_button.scss";
-@import "./plugins/dropdown_header.scss";
-@import "./plugins/dropdown_input.scss";
-@import "./plugins/input_autogrow.scss";
-@import "./plugins/optgroup_columns.scss";
-@import "./plugins/remove_button.scss";
-
-
 .#{$select-ns}-wrapper {
 	position: relative;
 }
@@ -159,7 +159,6 @@ $select-spinner-border-color:					$select-color-border !default;
 	font-family: $select-font-family;
 	font-size: $select-font-size;
 	line-height: $select-line-height;
-	font-smoothing: $select-font-smoothing;
 }
 
 .#{$select-ns}-control,
@@ -168,17 +167,13 @@ $select-spinner-border-color:					$select-color-border !default;
 	cursor: text;
 }
 
-@import 'items';
-@import 'dropdown';
-
-.ts-hidden-accessible{
+.ts-hidden-accessible {
 	border: 0 !important;
-    clip: rect(0 0 0 0) !important;
-    clip-path: inset(50%) !important;
-    //height: 1px !important;
-    overflow: hidden !important;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 1px !important;
-    white-space: nowrap !important;
+	clip: rect(0 0 0 0) !important;
+	clip-path: inset(50%) !important;
+	overflow: hidden !important;
+	padding: 0 !important;
+	position: absolute !important;
+	width: 1px !important;
+	white-space: nowrap !important;
 }

metadata

@@ -1,16 +1,16 @@
 --- !ruby/object:Gem::Specification
 name: tom-select-rails
 version: !ruby/object:Gem::Version
-  version: 2.2.1
+  version: 2.3.1
 platform: ruby
 authors:
 - Tyson Gach
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-11-10 00:00:00.000000000 Z
+date: 2023-11-09 00:00:00.000000000 Z
 dependencies: []
-description: 
+description:
 email: tyson@tysongach.com
 executables: []
 extensions: []
@@ -115,6 +115,7 @@ files:
 - vendor/assets/javascripts/tom-select-rails/types/plugins/caret_position/plugin.d.ts
 - vendor/assets/javascripts/tom-select-rails/types/plugins/change_listener/plugin.d.ts
 - vendor/assets/javascripts/tom-select-rails/types/plugins/checkbox_options/plugin.d.ts
+- vendor/assets/javascripts/tom-select-rails/types/plugins/checkbox_options/types.d.ts
 - vendor/assets/javascripts/tom-select-rails/types/plugins/clear_button/plugin.d.ts
 - vendor/assets/javascripts/tom-select-rails/types/plugins/clear_button/types.d.ts
 - vendor/assets/javascripts/tom-select-rails/types/plugins/drag_drop/plugin.d.ts
@@ -173,7 +174,7 @@ licenses:
 metadata:
   changelog_uri: https://github.com/tysongach/tom-select-rails/blob/main/CHANGELOG.md
   rubygems_mfa_required: 'true'
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -188,8 +189,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.6
-signing_key: 
+rubygems_version: 3.4.21
+signing_key:
 specification_version: 4
 summary: Integrate Tom Select with the asset pipeline in Rails.
 test_files: []