ui-thing 0.0.21 → 0.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Changelog
2
2
 
3
+ ## v0.0.22
4
+
5
+ [compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.0.21...v0.0.22)
6
+
7
+ ### 🏡 Chore
8
+
9
+ - Add colvis styles to datatable.net ([82995b3](https://github.com/BayBreezy/ui-thing-cli/commit/82995b3))
10
+
11
+ ### ❤️ Contributors
12
+
13
+ - Behon Baker <behon.baker@yahoo.com>
14
+
3
15
  ## v0.0.21
4
16
 
5
17
  [compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.0.20...v0.0.21)
package/dist/index.js CHANGED
@@ -2824,7 +2824,7 @@ export default defineNuxtPlugin((nuxtApp) => {\r
2824
2824
  \r
2825
2825
  /* Export button styles */\r
2826
2826
  .dataTables_wrapper .dt-buttons {\r
2827
- @apply inline-flex items-center gap-2;\r
2827
+ @apply inline-flex flex-wrap items-center gap-2;\r
2828
2828
  button {\r
2829
2829
  @apply inline-flex h-9 items-center gap-2 whitespace-nowrap rounded-md border bg-background px-3 text-sm text-muted-foreground hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background;\r
2830
2830
  }\r
@@ -3305,6 +3305,26 @@ export default defineNuxtPlugin((nuxtApp) => {\r
3305
3305
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value {\r
3306
3306
  @apply rounded-md border border-input bg-background text-sm transition focus:border-primary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background focus-visible:border-input;\r
3307
3307
  }\r
3308
+ \r
3309
+ /* Col vis styles */\r
3310
+ .dt-button-background {\r
3311
+ @apply fixed inset-0 z-50 flex flex-col items-center justify-center bg-background/50 backdrop-blur-sm;\r
3312
+ }\r
3313
+ .dt-button-down-arrow {\r
3314
+ @apply text-[10px];\r
3315
+ }\r
3316
+ .dt-button-collection {\r
3317
+ @apply relative;\r
3318
+ [role="menu"] {\r
3319
+ @apply absolute -left-40 top-7 flex w-[300px] flex-wrap gap-x-3 gap-y-2 rounded-md border bg-background p-2 shadow lg:w-[500px];\r
3320
+ button {\r
3321
+ @apply h-7 px-2 text-xs;\r
3322
+ }\r
3323
+ .dt-button.buttons-columnVisibility.dt-button-active {\r
3324
+ @apply bg-primary text-primary-foreground;\r
3325
+ }\r
3326
+ }\r
3327
+ }\r
3308
3328
  </style>\r
3309
3329
  `}],utils:[],composables:[]},{name:"Datepicker",value:"datepicker",deps:[],devDeps:["@samk-dev/nuxt-vcalendar"],nuxtModules:["@samk-dev/nuxt-vcalendar"],instructions:["You can customize the datepicker by adding options to your nuxt.config.js file"],files:[{fileName:"Datepicker.vue",dirPath:"components/UI",fileContent:`<template>
3310
3330
  <ClientOnly>