@knapsack/sandbox-components 4.69.6--canary.78a94b5.0 → 4.69.6--canary.241ee9c.0

package/dist/css/ks-sandbox-styles.css

@@ -413,7 +413,7 @@ textarea:not([rows]) {
   scroll-margin-block: 5ex;
 }
 
-/* ! tailwindcss v3.1.7 | MIT License | https://tailwindcss.com */
+/* ! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -439,15 +439,22 @@ textarea:not([rows]) {
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
 */
 
-html {
+html,
+:host {
   line-height: 1.5; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
   -moz-tab-size: 4; /* 3 */
   -o-tab-size: 4;
      tab-size: 4; /* 3 */
-  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-feature-settings: normal; /* 5 */
+  font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
 }
 
 /*
@@ -515,8 +522,10 @@ strong {
 }
 
 /*
-1. Use the user's configured `mono` font family by default.
-2. Correct the odd `em` font sizing in all browsers.
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
 */
 
 code,
@@ -524,7 +533,9 @@ kbd,
 samp,
 pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-size: 1em; /* 2 */
+  font-feature-settings: normal; /* 2 */
+  font-variation-settings: normal; /* 3 */
+  font-size: 1em; /* 4 */
 }
 
 /*
@@ -579,9 +590,12 @@ optgroup,
 select,
 textarea {
   font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
   font-size: 100%; /* 1 */
   font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
   color: inherit; /* 1 */
   margin: 0; /* 2 */
   padding: 0; /* 3 */
@@ -602,9 +616,9 @@ select {
 */
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button; /* 1 */
   background-color: transparent; /* 2 */
   background-image: none; /* 2 */
@@ -716,6 +730,14 @@ menu {
   padding: 0;
 }
 
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+  padding: 0;
+}
+
 /*
 Prevent resizing textareas horizontally by default.
 */
@@ -785,6 +807,12 @@ video {
   height: auto;
 }
 
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden] {
+  display: none;
+}
+
 *, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -799,6 +827,9 @@ video {
   --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:  ;
@@ -830,6 +861,10 @@ video {
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 
 ::backdrop {
@@ -846,6 +881,9 @@ video {
   --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:  ;
@@ -877,20 +915,16 @@ video {
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 
 .relative {
   position: relative;
 }
 
-.top-0 {
-  top: 0px;
-}
-
-.right-0 {
-  right: 0px;
-}
-
 .bottom-0 {
   bottom: 0px;
 }
@@ -899,8 +933,12 @@ video {
   left: 0px;
 }
 
-.mt-2 {
-  margin-top: 0.5rem;
+.right-0 {
+  right: 0px;
+}
+
+.top-0 {
+  top: 0px;
 }
 
 .mb-16 {
@@ -911,6 +949,10 @@ video {
   margin-bottom: 1rem;
 }
 
+.mt-2 {
+  margin-top: 0.5rem;
+}
+
 .inline {
   display: inline;
 }
@@ -923,26 +965,26 @@ video {
   display: grid;
 }
 
-.h-auto {
-  height: auto;
-}
-
 .h-0 {
   height: 0px;
 }
 
-.h-full {
-  height: 100%;
+.h-auto {
+  height: auto;
 }
 
-.w-screen {
-  width: 100vw;
+.h-full {
+  height: 100%;
 }
 
 .w-full {
   width: 100%;
 }
 
+.w-screen {
+  width: 100vw;
+}
+
 .items-center {
   align-items: center;
 }
@@ -975,34 +1017,26 @@ video {
   border-style: solid;
 }
 
-.border-slate-900 {
-  --tw-border-opacity: 1;
-  border-color: rgba(15, 23, 42, 1);
-  border-color: rgba(15, 23, 42, var(--tw-border-opacity));
-}
-
 .border-neutral-50 {
   --tw-border-opacity: 1;
   border-color: rgba(250, 250, 250, 1);
   border-color: rgba(250, 250, 250, var(--tw-border-opacity));
 }
 
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, 1);
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+.border-slate-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(15, 23, 42, 1);
+  border-color: rgba(15, 23, 42, var(--tw-border-opacity));
 }
 
-.bg-slate-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(241, 245, 249, 1);
-  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
+.bg-\[hsla\(0\2c 0\%\2c 0\%\2c 0\.75\)\] {
+  background-color: hsla(0,0%,0%,0.75);
 }
 
-.bg-slate-400 {
+.bg-blue-900 {
   --tw-bg-opacity: 1;
-  background-color: rgba(148, 163, 184, 1);
-  background-color: rgba(148, 163, 184, var(--tw-bg-opacity));
+  background-color: rgba(30, 58, 138, 1);
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
 }
 
 .bg-green-900 {
@@ -1011,20 +1045,28 @@ video {
   background-color: rgba(20, 83, 45, var(--tw-bg-opacity));
 }
 
-.bg-blue-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(30, 58, 138, 1);
-  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
-}
-
 .bg-red-900 {
   --tw-bg-opacity: 1;
   background-color: rgba(127, 29, 29, 1);
   background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
 }
 
-.bg-\[hsla\(0\2c 0\%\2c 0\%\2c 0\.75\)\] {
-  background-color: hsla(0,0%,0%,0.75);
+.bg-slate-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(241, 245, 249, 1);
+  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
+}
+
+.bg-slate-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(148, 163, 184, 1);
+  background-color: rgba(148, 163, 184, var(--tw-bg-opacity));
+}
+
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, 1);
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 
 .bg-cover {
@@ -1039,14 +1081,14 @@ video {
   background-repeat: no-repeat;
 }
 
-.p-2 {
-  padding: 0.5rem;
-}
-
 .p-1 {
   padding: 0.25rem;
 }
 
+.p-2 {
+  padding: 0.5rem;
+}
+
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -1057,21 +1099,16 @@ video {
   padding-right: 46px;
 }
 
-.pt-\[14px\] {
-  padding-top: 14px;
-}
-
 .pb-\[12px\] {
   padding-bottom: 12px;
 }
 
-.text-center {
-  text-align: center;
+.pt-\[14px\] {
+  padding-top: 14px;
 }
 
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
+.text-center {
+  text-align: center;
 }
 
 .text-5xl {
@@ -1079,6 +1116,11 @@ video {
   line-height: 1;
 }
 
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -1104,26 +1146,20 @@ video {
   letter-spacing: -0.025em;
 }
 
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, 1);
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-}
-
 .text-neutral-50 {
   --tw-text-opacity: 1;
   color: rgba(250, 250, 250, 1);
   color: rgba(250, 250, 250, var(--tw-text-opacity));
 }
 
-.underline {
-  text-decoration-line: underline;
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, 1);
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 
-.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.underline {
+  text-decoration-line: underline;
 }
 
 .transition {
@@ -1134,14 +1170,20 @@ video {
   transition-duration: 150ms;
 }
 
-.duration-300 {
-  transition-duration: 300ms;
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 
 .duration-150 {
   transition-duration: 150ms;
 }
 
+.duration-300 {
+  transition-duration: 300ms;
+}
+
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@knapsack/sandbox-components",
   "description": "",
-  "version": "4.69.6--canary.78a94b5.0",
+  "version": "4.69.6--canary.241ee9c.0",
   "type": "module",
   "exports": {
     "./css": "./dist/css/ks-sandbox-styles.css",
@@ -44,18 +44,18 @@
     "vue": "^3.4.27"
   },
   "devDependencies": {
-    "@knapsack/eslint-config-starter": "4.69.6--canary.78a94b5.0",
-    "@knapsack/postcss-config-starter": "4.69.6--canary.78a94b5.0",
-    "@knapsack/prettier-config": "4.69.6--canary.78a94b5.0",
-    "@knapsack/sandbox-tokens": "4.69.6--canary.78a94b5.0",
-    "@knapsack/typescript-config-starter": "4.69.6--canary.78a94b5.0",
+    "@knapsack/eslint-config-starter": "4.69.6--canary.241ee9c.0",
+    "@knapsack/postcss-config-starter": "4.69.6--canary.241ee9c.0",
+    "@knapsack/prettier-config": "4.69.6--canary.241ee9c.0",
+    "@knapsack/sandbox-tokens": "4.69.6--canary.241ee9c.0",
+    "@knapsack/typescript-config-starter": "4.69.6--canary.241ee9c.0",
     "@types/node": "^20.16.5",
     "@types/react": "^18.3.5",
     "esbuild": "^0.20.2",
     "eslint": "^8.57.0",
     "npm-run-all2": "^5.0.2",
     "postcss-cli": "^9.1.0",
-    "tailwindcss": "^3.1.7",
+    "tailwindcss": "^3.4.10",
     "typescript": "^5.5.4",
     "web-component-analyzer": "^2.0.0"
   },
@@ -68,5 +68,5 @@
     "directory": "apps/ui/libs/sandbox-components",
     "type": "git"
   },
-  "gitHead": "78a94b590523e851f0dc08d02f9cb2d4f6896b2e"
+  "gitHead": "241ee9c14420347d958bbc009318757a49875074"
 }