@servicetitan/anvil2 2.9.2 → 3.0.1

package/dist/Layout.css

@@ -1,327 +1,263 @@
-@layer starter, reset, base, state, application;
-@layer base {
-  ._container_1suid_2 {
-    display: block;
-    container-type: inline-size;
-    max-width: 1280px;
-    margin-left: auto;
-    margin-right: auto;
-    width: -webkit-fill-available;
-    width: -moz-available;
-    width: stretch;
-  }
-  ._container_1suid_2 ._container_1suid_2 {
-    container-type: normal;
-  }
-  ._container_1suid_2._fluid_1suid_13 {
-    max-width: none;
-  }
-  ._container_1suid_2 ._grid_1suid_16 {
-    display: grid;
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-    gap: 1rem;
-  }
-  ._container_1suid_2 ._grid_1suid_16._wide_1suid_21 {
-    gap: 1.5rem;
-  }
-  ._container_1suid_2 ._grid_1suid_16._narrow_1suid_24 {
-    gap: 0.5rem;
-  }
-  ._container_1suid_2 ._grid_1suid_16 ._xs1_1suid_27 {
-    grid-column: span 1;
-  }
-  ._container_1suid_2 ._grid_1suid_16 ._xs2_1suid_30 {
-    grid-column: span 2;
-  }
-  ._container_1suid_2 ._grid_1suid_16 ._xs3_1suid_33 {
-    grid-column: span 3;
-  }
-  ._container_1suid_2 ._grid_1suid_16 ._xs4_1suid_36,
-  ._container_1suid_2 ._grid_1suid_16 ._xs5_1suid_37,
-  ._container_1suid_2 ._grid_1suid_16 ._xs6_1suid_38,
-  ._container_1suid_2 ._grid_1suid_16 ._xs7_1suid_39,
-  ._container_1suid_2 ._grid_1suid_16 ._xs8_1suid_40,
-  ._container_1suid_2 ._grid_1suid_16 ._xs9_1suid_41,
-  ._container_1suid_2 ._grid_1suid_16 ._xs10_1suid_42,
-  ._container_1suid_2 ._grid_1suid_16 ._xs11_1suid_43,
-  ._container_1suid_2 ._grid_1suid_16 ._xs12_1suid_44 {
-    grid-column: span 4;
-  }
-  ._cell_1suid_47 {
-    display: block;
+.anvil2 {._container_1iehx_1 {
+  container-type: inline-size;
+  display: block;
+  margin-inline: auto;
+  max-width: var(--a2-mod-layout-max-width, 1280px);
+  width: -webkit-fill-available;
+  width: -moz-available;
+  width: stretch;
+}._container_1iehx_1 ._container_1iehx_1 {
+  container-type: normal;
+}._fluid_1iehx_12 {
+  --a2-mod-layout-max-width: none;
+}._grid_1iehx_16 {
+  display: grid;
+  gap: var(--a2-mod-layout-grid-gap, var(--a2-size-4, 1rem));
+  grid-template-columns: var(--a2-mod-layout-grid-template-columns, repeat(4, minmax(0, 1fr)));
+}@container (min-width: 768px) {
+  ._grid_1iehx_16 {
+    --a2-mod-layout-grid-template-columns: repeat(12, minmax(0, 1fr));
+    --a2-mod-layout-grid-gap: var(--a2-size-6, 1.5rem);
   }
-}
-@layer state {
-  @container (min-width: 640px) {
-    ._grid_1suid_16 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-      gap: 1rem;
-    }
-    ._grid_1suid_16 ._sm1_1suid_57 {
-      grid-column: span 1;
-    }
-    ._grid_1suid_16 ._sm2_1suid_60 {
-      grid-column: span 2;
-    }
-    ._grid_1suid_16 ._sm3_1suid_63 {
-      grid-column: span 3;
-    }
-    ._grid_1suid_16 ._sm4_1suid_66,
-    ._grid_1suid_16 ._sm5_1suid_67,
-    ._grid_1suid_16 ._sm6_1suid_68,
-    ._grid_1suid_16 ._sm7_1suid_69,
-    ._grid_1suid_16 ._sm8_1suid_70,
-    ._grid_1suid_16 ._sm9_1suid_71,
-    ._grid_1suid_16 ._sm10_1suid_72,
-    ._grid_1suid_16 ._sm11_1suid_73,
-    ._grid_1suid_16 ._sm12_1suid_74 {
-      grid-column: span 4;
-    }
-  }
-  @container (min-width: 768px) {
-    ._grid_1suid_16 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-      gap: 1.5rem;
-    }
-    ._grid_1suid_16._wide_1suid_21 {
-      gap: 2rem;
-    }
-    ._grid_1suid_16._narrow_1suid_24 {
-      gap: 1rem;
-    }
-    ._grid_1suid_16 ._xs5_1suid_37 {
-      grid-column: span 5;
-    }
-    ._grid_1suid_16 ._xs6_1suid_38 {
-      grid-column: span 6;
-    }
-    ._grid_1suid_16 ._xs7_1suid_39 {
-      grid-column: span 7;
-    }
-    ._grid_1suid_16 ._xs8_1suid_40 {
-      grid-column: span 8;
-    }
-    ._grid_1suid_16 ._xs9_1suid_41 {
-      grid-column: span 9;
-    }
-    ._grid_1suid_16 ._xs10_1suid_42 {
-      grid-column: span 10;
-    }
-    ._grid_1suid_16 ._xs11_1suid_43 {
-      grid-column: span 11;
-    }
-    ._grid_1suid_16 ._xs12_1suid_44 {
-      grid-column: span 12;
-    }
-    ._grid_1suid_16 ._sm1_1suid_57 {
-      grid-column: span 1;
-    }
-    ._grid_1suid_16 ._sm2_1suid_60 {
-      grid-column: span 2;
-    }
-    ._grid_1suid_16 ._sm3_1suid_63 {
-      grid-column: span 3;
-    }
-    ._grid_1suid_16 ._sm4_1suid_66 {
-      grid-column: span 4;
-    }
-    ._grid_1suid_16 ._sm5_1suid_67 {
-      grid-column: span 5;
-    }
-    ._grid_1suid_16 ._sm6_1suid_68 {
-      grid-column: span 6;
-    }
-    ._grid_1suid_16 ._sm7_1suid_69 {
-      grid-column: span 7;
-    }
-    ._grid_1suid_16 ._sm8_1suid_70 {
-      grid-column: span 8;
-    }
-    ._grid_1suid_16 ._sm9_1suid_71 {
-      grid-column: span 9;
-    }
-    ._grid_1suid_16 ._sm10_1suid_72 {
-      grid-column: span 10;
-    }
-    ._grid_1suid_16 ._sm11_1suid_73 {
-      grid-column: span 11;
-    }
-    ._grid_1suid_16 ._sm12_1suid_74 {
-      grid-column: span 12;
-    }
-    ._grid_1suid_16 ._md1_1suid_149 {
-      grid-column: span 1;
-    }
-    ._grid_1suid_16 ._md2_1suid_152 {
-      grid-column: span 2;
-    }
-    ._grid_1suid_16 ._md3_1suid_155 {
-      grid-column: span 3;
-    }
-    ._grid_1suid_16 ._md4_1suid_158 {
-      grid-column: span 4;
-    }
-    ._grid_1suid_16 ._md5_1suid_161 {
-      grid-column: span 5;
-    }
-    ._grid_1suid_16 ._md6_1suid_164 {
-      grid-column: span 6;
-    }
-    ._grid_1suid_16 ._md7_1suid_167 {
-      grid-column: span 7;
-    }
-    ._grid_1suid_16 ._md8_1suid_170 {
-      grid-column: span 8;
-    }
-    ._grid_1suid_16 ._md9_1suid_173 {
-      grid-column: span 9;
-    }
-    ._grid_1suid_16 ._md10_1suid_176 {
-      grid-column: span 10;
-    }
-    ._grid_1suid_16 ._md11_1suid_179 {
-      grid-column: span 11;
-    }
-    ._grid_1suid_16 ._md12_1suid_182 {
-      grid-column: span 12;
-    }
-  }
-  @container (min-width: 1024px) {
-    ._grid_1suid_16 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-      gap: 1.5rem;
-    }
-    ._grid_1suid_16._wide_1suid_21 {
-      gap: 2.5rem;
-    }
-    ._grid_1suid_16._narrow_1suid_24 {
-      gap: 1rem;
-    }
-    ._grid_1suid_16 ._lg1_1suid_197 {
-      grid-column: span 1;
-    }
-    ._grid_1suid_16 ._lg2_1suid_200 {
-      grid-column: span 2;
-    }
-    ._grid_1suid_16 ._lg3_1suid_203 {
-      grid-column: span 3;
-    }
-    ._grid_1suid_16 ._lg4_1suid_206 {
-      grid-column: span 4;
-    }
-    ._grid_1suid_16 ._lg5_1suid_209 {
-      grid-column: span 5;
-    }
-    ._grid_1suid_16 ._lg6_1suid_212 {
-      grid-column: span 6;
-    }
-    ._grid_1suid_16 ._lg7_1suid_215 {
-      grid-column: span 7;
-    }
-    ._grid_1suid_16 ._lg8_1suid_218 {
-      grid-column: span 8;
-    }
-    ._grid_1suid_16 ._lg9_1suid_221 {
-      grid-column: span 9;
-    }
-    ._grid_1suid_16 ._lg10_1suid_224 {
-      grid-column: span 10;
-    }
-    ._grid_1suid_16 ._lg11_1suid_227 {
-      grid-column: span 11;
-    }
-    ._grid_1suid_16 ._lg12_1suid_230 {
-      grid-column: span 12;
-    }
-  }
-  @container (min-width: 1280px) {
-    ._grid_1suid_16 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-      gap: 1.5rem;
-    }
-    ._grid_1suid_16._wide_1suid_21 {
-      gap: 2.5rem;
-    }
-    ._grid_1suid_16._narrow_1suid_24 {
-      gap: 1rem;
-    }
-    ._grid_1suid_16 ._xl1_1suid_245 {
-      grid-column: span 1;
-    }
-    ._grid_1suid_16 ._xl2_1suid_248 {
-      grid-column: span 2;
-    }
-    ._grid_1suid_16 ._xl3_1suid_251 {
-      grid-column: span 3;
-    }
-    ._grid_1suid_16 ._xl4_1suid_254 {
-      grid-column: span 4;
-    }
-    ._grid_1suid_16 ._xl5_1suid_257 {
-      grid-column: span 5;
-    }
-    ._grid_1suid_16 ._xl6_1suid_260 {
-      grid-column: span 6;
-    }
-    ._grid_1suid_16 ._xl7_1suid_263 {
-      grid-column: span 7;
-    }
-    ._grid_1suid_16 ._xl8_1suid_266 {
-      grid-column: span 8;
-    }
-    ._grid_1suid_16 ._xl9_1suid_269 {
-      grid-column: span 9;
-    }
-    ._grid_1suid_16 ._xl10_1suid_272 {
-      grid-column: span 10;
-    }
-    ._grid_1suid_16 ._xl11_1suid_275 {
-      grid-column: span 11;
-    }
-    ._grid_1suid_16 ._xl12_1suid_278 {
-      grid-column: span 12;
-    }
-  }
-  @container (min-width: 1536px) {
-    ._grid_1suid_16 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-      gap: 1.5rem;
-    }
-    ._grid_1suid_16 ._xxl1_1suid_287 {
-      grid-column: span 1;
-    }
-    ._grid_1suid_16 ._xxl2_1suid_290 {
-      grid-column: span 2;
-    }
-    ._grid_1suid_16 ._xxl3_1suid_293 {
-      grid-column: span 3;
-    }
-    ._grid_1suid_16 ._xxl4_1suid_296 {
-      grid-column: span 4;
-    }
-    ._grid_1suid_16 ._xxl5_1suid_299 {
-      grid-column: span 5;
-    }
-    ._grid_1suid_16 ._xxl6_1suid_302 {
-      grid-column: span 6;
-    }
-    ._grid_1suid_16 ._xxl7_1suid_305 {
-      grid-column: span 7;
-    }
-    ._grid_1suid_16 ._xxl8_1suid_308 {
-      grid-column: span 8;
-    }
-    ._grid_1suid_16 ._xxl9_1suid_311 {
-      grid-column: span 9;
-    }
-    ._grid_1suid_16 ._xxl10_1suid_314 {
-      grid-column: span 10;
-    }
-    ._grid_1suid_16 ._xxl11_1suid_317 {
-      grid-column: span 11;
-    }
-    ._grid_1suid_16 ._xxl12_1suid_320 {
-      grid-column: span 12;
-    }
+}._cell_1iehx_28 {
+  display: block;
+  grid-column: var(--a2-mod-layout-grid-column);
+}._wide_1iehx_33 {
+  --a2-mod-layout-grid-gap: var(--a2-size-6, 1.5rem);
+}@container (min-width: 768px) {
+  ._wide_1iehx_33 {
+    --a2-mod-layout-grid-gap: var(--a2-size-8, 2rem);
+  }
+}@container (min-width: 1024px) {
+  ._wide_1iehx_33 {
+    --a2-mod-layout-grid-gap: var(--a2-size-10, 2.5rem);
+  }
+}._narrow_1iehx_47 {
+  --a2-mod-layout-grid-gap: var(--a2-size-2, 0.5rem);
+}@container (min-width: 768px) {
+  ._narrow_1iehx_47 {
+    --a2-mod-layout-grid-gap: var(--a2-size-4, 1rem);
+  }
+}._xs1_1iehx_56 {
+  --a2-mod-layout-grid-column: span 1;
+}._xs2_1iehx_60 {
+  --a2-mod-layout-grid-column: span 2;
+}._xs3_1iehx_64 {
+  --a2-mod-layout-grid-column: span 3;
+}._xs4_1iehx_68,
+._xs5_1iehx_69,
+._xs6_1iehx_70,
+._xs7_1iehx_71,
+._xs8_1iehx_72,
+._xs9_1iehx_73,
+._xs10_1iehx_74,
+._xs11_1iehx_75,
+._xs12_1iehx_76 {
+  --a2-mod-layout-grid-column: span 4;
+}@container (min-width: 640px) {
+  ._sm1_1iehx_81 {
+    --a2-mod-layout-grid-column: span 1;
+  }
+  ._sm2_1iehx_84 {
+    --a2-mod-layout-grid-column: span 2;
+  }
+  ._sm3_1iehx_87 {
+    --a2-mod-layout-grid-column: span 3;
+  }
+  ._sm4_1iehx_90,
+  ._sm5_1iehx_91,
+  ._sm6_1iehx_92,
+  ._sm7_1iehx_93,
+  ._sm8_1iehx_94,
+  ._sm9_1iehx_95,
+  ._sm10_1iehx_96,
+  ._sm11_1iehx_97,
+  ._sm12_1iehx_98 {
+    --a2-mod-layout-grid-column: span 4;
+  }
+}@container (min-width: 768px) {
+  ._xs4_1iehx_68,
+  ._sm4_1iehx_90 {
+    --a2-mod-layout-grid-column: span 4;
+  }
+  ._xs5_1iehx_69,
+  ._sm5_1iehx_91 {
+    --a2-mod-layout-grid-column: span 5;
+  }
+  ._xs6_1iehx_70,
+  ._sm6_1iehx_92 {
+    --a2-mod-layout-grid-column: span 6;
+  }
+  ._xs7_1iehx_71,
+  ._sm7_1iehx_93 {
+    --a2-mod-layout-grid-column: span 7;
+  }
+  ._xs8_1iehx_72,
+  ._sm8_1iehx_94 {
+    --a2-mod-layout-grid-column: span 8;
+  }
+  ._xs9_1iehx_73,
+  ._sm9_1iehx_95 {
+    --a2-mod-layout-grid-column: span 9;
+  }
+  ._xs10_1iehx_74,
+  ._sm10_1iehx_96 {
+    --a2-mod-layout-grid-column: span 10;
+  }
+  ._xs11_1iehx_75,
+  ._sm11_1iehx_97 {
+    --a2-mod-layout-grid-column: span 11;
+  }
+  ._xs12_1iehx_76,
+  ._sm12_1iehx_98 {
+    --a2-mod-layout-grid-column: span 12;
+  }
+  ._md1_1iehx_139 {
+    --a2-mod-layout-grid-column: span 1;
+  }
+  ._md2_1iehx_142 {
+    --a2-mod-layout-grid-column: span 2;
+  }
+  ._md3_1iehx_145 {
+    --a2-mod-layout-grid-column: span 3;
+  }
+  ._md4_1iehx_148 {
+    --a2-mod-layout-grid-column: span 4;
+  }
+  ._md5_1iehx_151 {
+    --a2-mod-layout-grid-column: span 5;
+  }
+  ._md6_1iehx_154 {
+    --a2-mod-layout-grid-column: span 6;
+  }
+  ._md7_1iehx_157 {
+    --a2-mod-layout-grid-column: span 7;
+  }
+  ._md8_1iehx_160 {
+    --a2-mod-layout-grid-column: span 8;
+  }
+  ._md9_1iehx_163 {
+    --a2-mod-layout-grid-column: span 9;
+  }
+  ._md10_1iehx_166 {
+    --a2-mod-layout-grid-column: span 10;
+  }
+  ._md11_1iehx_169 {
+    --a2-mod-layout-grid-column: span 11;
+  }
+  ._md12_1iehx_172 {
+    --a2-mod-layout-grid-column: span 12;
+  }
+}@container (min-width: 1024px) {
+  ._lg1_1iehx_177 {
+    --a2-mod-layout-grid-column: span 1;
+  }
+  ._lg2_1iehx_180 {
+    --a2-mod-layout-grid-column: span 2;
+  }
+  ._lg3_1iehx_183 {
+    --a2-mod-layout-grid-column: span 3;
+  }
+  ._lg4_1iehx_186 {
+    --a2-mod-layout-grid-column: span 4;
+  }
+  ._lg5_1iehx_189 {
+    --a2-mod-layout-grid-column: span 5;
   }
+  ._lg6_1iehx_192 {
+    --a2-mod-layout-grid-column: span 6;
+  }
+  ._lg7_1iehx_195 {
+    --a2-mod-layout-grid-column: span 7;
+  }
+  ._lg8_1iehx_198 {
+    --a2-mod-layout-grid-column: span 8;
+  }
+  ._lg9_1iehx_201 {
+    --a2-mod-layout-grid-column: span 9;
+  }
+  ._lg10_1iehx_204 {
+    --a2-mod-layout-grid-column: span 10;
+  }
+  ._lg11_1iehx_207 {
+    --a2-mod-layout-grid-column: span 11;
+  }
+  ._lg12_1iehx_210 {
+    --a2-mod-layout-grid-column: span 12;
+  }
+}@container (min-width: 1280px) {
+  ._xl1_1iehx_215 {
+    --a2-mod-layout-grid-column: span 1;
+  }
+  ._xl2_1iehx_218 {
+    --a2-mod-layout-grid-column: span 2;
+  }
+  ._xl3_1iehx_221 {
+    --a2-mod-layout-grid-column: span 3;
+  }
+  ._xl4_1iehx_224 {
+    --a2-mod-layout-grid-column: span 4;
+  }
+  ._xl5_1iehx_227 {
+    --a2-mod-layout-grid-column: span 5;
+  }
+  ._xl6_1iehx_230 {
+    --a2-mod-layout-grid-column: span 6;
+  }
+  ._xl7_1iehx_233 {
+    --a2-mod-layout-grid-column: span 7;
+  }
+  ._xl8_1iehx_236 {
+    --a2-mod-layout-grid-column: span 8;
+  }
+  ._xl9_1iehx_239 {
+    --a2-mod-layout-grid-column: span 9;
+  }
+  ._xl10_1iehx_242 {
+    --a2-mod-layout-grid-column: span 10;
+  }
+  ._xl11_1iehx_245 {
+    --a2-mod-layout-grid-column: span 11;
+  }
+  ._xl12_1iehx_248 {
+    --a2-mod-layout-grid-column: span 12;
+  }
+}@container (min-width: 1536px) {
+  ._xxl1_1iehx_253 {
+    --a2-mod-layout-grid-column: span 1;
+  }
+  ._xxl2_1iehx_256 {
+    --a2-mod-layout-grid-column: span 2;
+  }
+  ._xxl3_1iehx_259 {
+    --a2-mod-layout-grid-column: span 3;
+  }
+  ._xxl4_1iehx_262 {
+    --a2-mod-layout-grid-column: span 4;
+  }
+  ._xxl5_1iehx_265 {
+    --a2-mod-layout-grid-column: span 5;
+  }
+  ._xxl6_1iehx_268 {
+    --a2-mod-layout-grid-column: span 6;
+  }
+  ._xxl7_1iehx_271 {
+    --a2-mod-layout-grid-column: span 7;
+  }
+  ._xxl8_1iehx_274 {
+    --a2-mod-layout-grid-column: span 8;
+  }
+  ._xxl9_1iehx_277 {
+    --a2-mod-layout-grid-column: span 9;
+  }
+  ._xxl10_1iehx_280 {
+    --a2-mod-layout-grid-column: span 10;
+  }
+  ._xxl11_1iehx_283 {
+    --a2-mod-layout-grid-column: span 11;
+  }
+  ._xxl12_1iehx_286 {
+    --a2-mod-layout-grid-column: span 12;
+  }
+}
 }

package/dist/Layout.js

@@ -1,2 +1,2 @@
-export { L as Layout, b as LayoutElement, a as LayoutItem, L as default } from './Layout-CISAxILX.js';
+export { L as Layout, b as LayoutElement, a as LayoutItem, L as default } from './Layout-C2Q2hyLG.js';
 //# sourceMappingURL=Layout.js.map

package/dist/{Link-jTvzyXca.js → Link-BUgivkGS.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { l as linkStyles } from './Link.module-CZt9wvuD.js';
-import { I as Icon } from './Icon-DuIlne4x.js';
+import { s as styles } from './Link.module-DJc0cOlg.js';
+import { I as Icon } from './Icon-BMMbp40n.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -21,7 +21,7 @@ const LinkHeadless = forwardRef(
         ...props,
         children: [
           children,
-          props.target === "_blank" && /* @__PURE__ */ jsx(Icon, { className: linkStyles["open-in-new"], inherit: true, svg: SvgOpenInNew })
+          props.target === "_blank" && /* @__PURE__ */ jsx(Icon, { className: styles["open-in-new"], inherit: true, svg: SvgOpenInNew })
         ]
       }
     );
@@ -32,9 +32,9 @@ LinkHeadless.displayName = "LinkHeadless";
 const useLinkStyles = (props) => {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
   const { className, appearance = "primary", ghost, style } = componentProps;
-  const linkClassNames = cx([linkStyles["link"]], className, {
-    [linkStyles["ghost"]]: ghost,
-    [linkStyles["secondary"]]: appearance === "secondary"
+  const linkClassNames = cx([styles["link"]], className, {
+    [styles["ghost"]]: ghost,
+    [styles["secondary"]]: appearance === "secondary"
   });
   const styleCombined = Object.assign({}, style, layoutStyles);
   return { linkClassNames, styleCombined };
@@ -100,4 +100,4 @@ const Link = forwardRef(
 Link.displayName = Link$1.displayName;
 
 export { Link as L, useLinkStyles as u };
-//# sourceMappingURL=Link-jTvzyXca.js.map
+//# sourceMappingURL=Link-BUgivkGS.js.map