@histoire/controls 0.16.4 → 0.17.0

package/dist/style-standalone.css

@@ -217,6 +217,9 @@
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness:proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
@@ -264,6 +267,9 @@
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness:proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
@@ -306,29 +312,31 @@
 }
 
 .htw-inset-0{
-  top:0px;
-  right:0px;
-  bottom:0px;
-  left:0px
+  inset:0px
 }
 
 .htw-z-10{
   z-index:10
 }
 
-.htw-m-4{
-  margin:1rem
-}
-
 .htw-m-0{
   margin:0px
 }
 
+.htw-m-4{
+  margin:1rem
+}
+
 .-htw-my-1{
   margin-top:-0.25rem;
   margin-bottom:-0.25rem
 }
 
+.htw-mx-4{
+  margin-left:1rem;
+  margin-right:1rem
+}
+
 .htw-my-0{
   margin-top:0px;
   margin-bottom:0px
@@ -339,15 +347,6 @@
   margin-bottom:2rem
 }
 
-.htw-mx-4{
-  margin-left:1rem;
-  margin-right:1rem
-}
-
-.htw-mr-2{
-  margin-right:0.5rem
-}
-
 .htw-mb-2{
   margin-bottom:0.5rem
 }
@@ -356,6 +355,10 @@
   margin-left:auto
 }
 
+.htw-mr-2{
+  margin-right:0.5rem
+}
+
 .htw-box-border{
   box-sizing:border-box
 }
@@ -376,48 +379,48 @@
   display:none
 }
 
-.htw-h-4{
-  height:1rem
-}
-
-.htw-h-\[22px\]{
-  height:22px
+.htw-h-1{
+  height:0.25rem
 }
 
-.htw-h-\[16px\]{
-  height:16px
+.htw-h-16{
+  height:4rem
 }
 
-.htw-h-\[100px\]{
-  height:100px
+.htw-h-20{
+  height:5rem
 }
 
-.htw-h-16{
-  height:4rem
+.htw-h-3{
+  height:0.75rem
 }
 
 .htw-h-32{
   height:8rem
 }
 
-.htw-h-20{
-  height:5rem
+.htw-h-4{
+  height:1rem
 }
 
 .htw-h-48{
   height:12rem
 }
 
-.htw-h-\[27px\]{
-  height:27px
+.htw-h-\[100px\]{
+  height:100px
 }
 
-.htw-h-1{
-  height:0.25rem
+.htw-h-\[16px\]{
+  height:16px
 }
 
-.htw-h-3{
-  height:0.75rem
+.htw-h-\[22px\]{
+  height:22px
+}
+
+.htw-h-\[27px\]{
+  height:27px
 }
 
 .htw-min-h-32{
@@ -428,32 +431,32 @@
   min-height:26px
 }
 
-.htw-w-4{
-  width:1rem
+.htw-w-16{
+  width:4rem
 }
 
 .htw-w-28{
   width:7rem
 }
 
-.htw-w-\[16px\]{
-  width:16px
+.htw-w-3{
+  width:0.75rem
 }
 
-.htw-w-full{
-  width:100%
+.htw-w-32{
+  width:8rem
 }
 
-.htw-w-16{
-  width:4rem
+.htw-w-4{
+  width:1rem
 }
 
-.htw-w-32{
-  width:8rem
+.htw-w-\[16px\]{
+  width:16px
 }
 
-.htw-w-3{
-  width:0.75rem
+.htw-w-full{
+  width:100%
 }
 
 .htw-max-w-full{
@@ -468,14 +471,14 @@
   flex:none
 }
 
-.htw-shrink-0{
-  flex-shrink:0
-}
-
 .htw-shrink{
   flex-shrink:1
 }
 
+.htw-shrink-0{
+  flex-shrink:0
+}
+
 .htw-grow{
   flex-grow:1
 }
@@ -486,6 +489,10 @@
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
+.htw-cursor-ew-resize{
+  cursor:ew-resize
+}
+
 .htw-cursor-pointer{
   cursor:pointer
 }
@@ -494,10 +501,6 @@
   cursor:text
 }
 
-.htw-cursor-ew-resize{
-  cursor:ew-resize
-}
-
 .htw-select-none{
   -webkit-user-select:none;
      -moz-user-select:none;
@@ -542,22 +545,22 @@
   align-items:center
 }
 
-.htw-gap-2{
-  gap:0.5rem
-}
-
 .htw-gap-1{
   gap:0.25rem
 }
 
-.htw-gap-px{
-  gap:1px
+.htw-gap-2{
+  gap:0.5rem
 }
 
 .htw-gap-4{
   gap:1rem
 }
 
+.htw-gap-px{
+  gap:1px
+}
+
 .htw-overflow-auto{
   overflow:auto
 }
@@ -580,10 +583,6 @@
   white-space:nowrap
 }
 
-.htw-rounded-sm{
-  border-radius:0.25rem
-}
-
 .\!htw-rounded-\[3px\]{
   border-radius:3px !important
 }
@@ -596,20 +595,24 @@
   border-radius:9999px
 }
 
+.htw-rounded-sm{
+  border-radius:0.25rem
+}
+
 .htw-border{
   border-width:1px
 }
 
-.htw-border-8{
-  border-width:8px
+.htw-border-0{
+  border-width:0px
 }
 
 .htw-border-2{
   border-width:2px
 }
 
-.htw-border-0{
-  border-width:0px
+.htw-border-8{
+  border-width:8px
 }
 
 .htw-border-solid{
@@ -620,14 +623,19 @@
   border-color:rgb(0 0 0 / 0.25)
 }
 
+.htw-border-gray-850{
+  --tw-border-opacity:1;
+  border-color:rgb(31 31 33 / var(--tw-border-opacity))
+}
+
 .htw-border-primary-500{
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
 
-.htw-border-gray-850{
-  --tw-border-opacity:1;
-  border-color:rgb(31 31 33 / var(--tw-border-opacity))
+.\!htw-bg-primary-500{
+  --tw-bg-opacity:1 !important;
+  background-color:rgb(16 185 129 / var(--tw-bg-opacity)) !important
 }
 
 .htw-bg-gray-200{
@@ -635,18 +643,9 @@
   background-color:rgb(228 228 231 / var(--tw-bg-opacity))
 }
 
-.htw-bg-primary-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(16 185 129 / var(--tw-bg-opacity))
-}
-
-.htw-bg-transparent{
-  background-color:transparent
-}
-
-.htw-bg-white{
+.htw-bg-gray-50{
   --tw-bg-opacity:1;
-  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+  background-color:rgb(250 250 250 / var(--tw-bg-opacity))
 }
 
 .htw-bg-gray-500\/10{
@@ -657,9 +656,9 @@
   background-color:rgb(113 113 122 / 0.5)
 }
 
-.htw-bg-gray-50{
+.htw-bg-gray-700{
   --tw-bg-opacity:1;
-  background-color:rgb(250 250 250 / var(--tw-bg-opacity))
+  background-color:rgb(63 63 70 / var(--tw-bg-opacity))
 }
 
 .htw-bg-primary-200{
@@ -667,19 +666,23 @@
   background-color:rgb(167 243 208 / var(--tw-bg-opacity))
 }
 
+.htw-bg-primary-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(16 185 129 / var(--tw-bg-opacity))
+}
+
 .htw-bg-primary-800{
   --tw-bg-opacity:1;
   background-color:rgb(6 95 70 / var(--tw-bg-opacity))
 }
 
-.htw-bg-gray-700{
-  --tw-bg-opacity:1;
-  background-color:rgb(63 63 70 / var(--tw-bg-opacity))
+.htw-bg-transparent{
+  background-color:transparent
 }
 
-.\!htw-bg-primary-500{
-  --tw-bg-opacity:1 !important;
-  background-color:rgb(16 185 129 / var(--tw-bg-opacity)) !important
+.htw-bg-white{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
 }
 
 .htw-fill-primary-500{
@@ -702,29 +705,29 @@
   padding:0.5rem
 }
 
-.htw-p-px{
-  padding:1px
-}
-
 .htw-p-4{
   padding:1rem
 }
 
+.htw-p-px{
+  padding:1px
+}
+
 .htw-px-1{
   padding-left:0.25rem;
   padding-right:0.25rem
 }
 
-.htw-py-1{
-  padding-top:0.25rem;
-  padding-bottom:0.25rem
-}
-
 .htw-px-2{
   padding-left:0.5rem;
   padding-right:0.5rem
 }
 
+.htw-py-1{
+  padding-top:0.25rem;
+  padding-bottom:0.25rem
+}
+
 .htw-pl-2{
   padding-left:0.5rem
 }
@@ -743,14 +746,14 @@
   line-height:1.5
 }
 
-.htw-text-gray-900{
+.htw-text-gray-700{
   --tw-text-opacity:1;
-  color:rgb(24 24 27 / var(--tw-text-opacity))
+  color:rgb(63 63 70 / var(--tw-text-opacity))
 }
 
-.htw-text-white{
+.htw-text-gray-900{
   --tw-text-opacity:1;
-  color:rgb(255 255 255 / var(--tw-text-opacity))
+  color:rgb(24 24 27 / var(--tw-text-opacity))
 }
 
 .htw-text-inherit{
@@ -762,9 +765,9 @@
   color:rgb(249 115 22 / var(--tw-text-opacity))
 }
 
-.htw-text-gray-700{
+.htw-text-white{
   --tw-text-opacity:1;
-  color:rgb(63 63 70 / var(--tw-text-opacity))
+  color:rgb(255 255 255 / var(--tw-text-opacity))
 }
 
 .htw-opacity-50{
@@ -776,14 +779,14 @@
   outline-offset:2px
 }
 
-.htw-transition-border{
-  transition-property:border;
+.htw-transition-all{
+  transition-property:all;
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration:150ms
 }
 
-.htw-transition-all{
-  transition-property:all;
+.htw-transition-border{
+  transition-property:border;
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration:150ms
 }
@@ -804,14 +807,14 @@
   transition-duration:200ms
 }
 
-.htw-ease-out{
-  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
-}
-
 .htw-ease-in-out{
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
 }
 
+.htw-ease-out{
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
+}
+
 .htw-will-change-transform{
   will-change:transform
 }
@@ -820,7 +823,7 @@ body {
   font-size: 1.125rem;
 }
 
-.htw-dark body{
+:is(.htw-dark body){
   --tw-text-opacity:1;
   color:rgb(244 244 245 / var(--tw-text-opacity))
 }
@@ -841,6 +844,10 @@ body {
   border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
 
+.hover\:htw-bg-gray-500\/20:hover{
+  background-color:rgb(113 113 122 / 0.2)
+}
+
 .hover\:htw-bg-primary-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(209 250 229 / var(--tw-bg-opacity))
@@ -856,10 +863,6 @@ body {
   background-color:rgb(5 150 105 / var(--tw-bg-opacity))
 }
 
-.hover\:htw-bg-gray-500\/20:hover{
-  background-color:rgb(113 113 122 / 0.2)
-}
-
 .hover\:htw-text-primary-500:hover{
   --tw-text-opacity:1;
   color:rgb(16 185 129 / var(--tw-text-opacity))
@@ -883,76 +886,76 @@ body {
   background-color:rgb(113 113 122 / 0.2)
 }
 
-.htw-dark .dark\:htw-border-white\/25{
+:is(.htw-dark .dark\:htw-border-white\/25){
   border-color:rgb(255 255 255 / 0.25)
 }
 
-.htw-dark .dark\:htw-bg-gray-750{
+:is(.htw-dark .dark\:htw-bg-black){
   --tw-bg-opacity:1;
-  background-color:rgb(50 50 56 / var(--tw-bg-opacity))
+  background-color:rgb(0 0 0 / var(--tw-bg-opacity))
 }
 
-.htw-dark .dark\:htw-bg-black{
+:is(.htw-dark .dark\:htw-bg-gray-600){
   --tw-bg-opacity:1;
-  background-color:rgb(0 0 0 / var(--tw-bg-opacity))
+  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
 }
 
-.htw-dark .dark\:htw-bg-gray-700{
+:is(.htw-dark .dark\:htw-bg-gray-700){
   --tw-bg-opacity:1;
   background-color:rgb(63 63 70 / var(--tw-bg-opacity))
 }
 
-.htw-dark .dark\:htw-bg-primary-800{
+:is(.htw-dark .dark\:htw-bg-gray-750){
   --tw-bg-opacity:1;
-  background-color:rgb(6 95 70 / var(--tw-bg-opacity))
+  background-color:rgb(50 50 56 / var(--tw-bg-opacity))
 }
 
-.htw-dark .dark\:htw-bg-gray-600{
+:is(.htw-dark .dark\:htw-bg-primary-800){
   --tw-bg-opacity:1;
-  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
+  background-color:rgb(6 95 70 / var(--tw-bg-opacity))
 }
 
-.htw-dark .dark\:htw-text-gray-100{
+:is(.htw-dark .dark\:htw-text-black){
   --tw-text-opacity:1;
-  color:rgb(244 244 245 / var(--tw-text-opacity))
+  color:rgb(0 0 0 / var(--tw-text-opacity))
 }
 
-.htw-dark .dark\:htw-text-black{
+:is(.htw-dark .dark\:htw-text-gray-100){
   --tw-text-opacity:1;
-  color:rgb(0 0 0 / var(--tw-text-opacity))
+  color:rgb(244 244 245 / var(--tw-text-opacity))
 }
 
-.htw-dark .dark\:focus-within\:htw-border-primary-500:focus-within{
+:is(.htw-dark .dark\:focus-within\:htw-border-primary-500:focus-within){
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
 
-.htw-dark .dark\:hover\:htw-border-primary-500:hover{
+:is(.htw-dark .dark\:hover\:htw-border-primary-500:hover){
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
 
-.htw-dark .dark\:hover\:htw-bg-primary-800:hover{
+:is(.htw-dark .dark\:hover\:htw-bg-primary-700:hover){
   --tw-bg-opacity:1;
-  background-color:rgb(6 95 70 / var(--tw-bg-opacity))
+  background-color:rgb(4 120 87 / var(--tw-bg-opacity))
 }
 
-.htw-dark .dark\:hover\:htw-bg-primary-900:hover{
+:is(.htw-dark .dark\:hover\:htw-bg-primary-800:hover){
   --tw-bg-opacity:1;
-  background-color:rgb(6 78 59 / var(--tw-bg-opacity))
+  background-color:rgb(6 95 70 / var(--tw-bg-opacity))
 }
 
-.htw-dark .dark\:hover\:htw-bg-primary-700:hover{
+:is(.htw-dark .dark\:hover\:htw-bg-primary-900:hover){
   --tw-bg-opacity:1;
-  background-color:rgb(4 120 87 / var(--tw-bg-opacity))
+  background-color:rgb(6 78 59 / var(--tw-bg-opacity))
 }
 
-.htw-dark .dark\:focus\:htw-border-primary-500:focus{
+:is(.htw-dark .dark\:focus\:htw-border-primary-500:focus){
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
 
-.htw-group:hover .htw-dark .group-hover\:dark\:htw-border-primary-500{
+.htw-group:hover :is(.htw-dark .group-hover\:dark\:htw-border-primary-500){
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }

package/dist/style.css

@@ -1 +1 @@
-.htw-range-input::-webkit-slider-thumb{height:.75rem;width:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.htw-dark .htw-range-input::-webkit-slider-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-webkit-slider-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.htw-range-input::-moz-range-thumb{height:.75rem;width:.75rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.htw-dark .htw-range-input::-moz-range-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-moz-range-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.v-popper{line-height:0}.htw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.v-popper__popper:focus-visible{outline:none}.htw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))}.__histoire-json-code[data-v-e5fbff29] .cm-editor{height:100%;min-width:280px}
+.htw-range-input::-webkit-slider-thumb{height:.75rem;width:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}:is(.htw-dark .htw-range-input)::-webkit-slider-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-webkit-slider-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.htw-range-input::-moz-range-thumb{height:.75rem;width:.75rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}:is(.htw-dark .htw-range-input)::-moz-range-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-moz-range-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.v-popper{line-height:0}.htw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.v-popper__popper:focus-visible{outline:none}.htw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))}.__histoire-json-code[data-v-9f3f2832] .cm-editor{height:100%;min-width:280px}