@consilioweb/payload-support 0.5.2 → 0.6.0

package/dist/{views.css → views/TicketingSettingsView/TicketingSettings.module.scss}

@@ -1,23 +1,27 @@
-/* src/views/TicketingSettingsView/TicketingSettings.module.scss */
-.TicketingSettings_module_page {
+.page {
   max-width: 900px;
   margin: 0 auto;
   padding: 0 1.5rem 3rem;
 }
-.TicketingSettings_module_intro {
+
+.intro {
   font-size: 0.875rem;
   color: var(--theme-elevation-600);
   margin-bottom: 1.5rem;
   line-height: 1.5;
 }
-.TicketingSettings_module_sectionWrapper {
+
+// ── Sections ──────────────────────────────────
+
+.sectionWrapper {
   border: 1px solid var(--theme-elevation-150);
   border-radius: 10px;
   margin-bottom: 1rem;
   overflow: hidden;
   background: var(--theme-elevation-0);
 }
-.TicketingSettings_module_sectionHeader {
+
+.sectionHeader {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -25,11 +29,13 @@
   cursor: pointer;
   user-select: none;
   transition: background 150ms;
+
+  &:hover {
+    background: var(--theme-elevation-50);
+  }
 }
-.TicketingSettings_module_sectionHeader:hover {
-  background: var(--theme-elevation-50);
-}
-.TicketingSettings_module_sectionIcon {
+
+.sectionIcon {
   width: 32px;
   height: 32px;
   border-radius: 8px;
@@ -39,41 +45,53 @@
   color: #fff;
   flex-shrink: 0;
 }
-.TicketingSettings_module_sectionTitle {
+
+.sectionTitle {
   font-weight: 600;
   font-size: 0.9375rem;
   color: var(--theme-text);
   flex: 1;
 }
-.TicketingSettings_module_sectionChevron {
+
+.sectionChevron {
   font-size: 0.625rem;
   color: var(--theme-elevation-400);
   transition: transform 200ms;
+
+  &.open {
+    transform: rotate(180deg);
+  }
 }
-.TicketingSettings_module_sectionChevron.TicketingSettings_module_open {
-  transform: rotate(180deg);
-}
-.TicketingSettings_module_sectionBody {
+
+.sectionBody {
   padding: 1rem 1.25rem 1.25rem;
   border-top: 1px solid var(--theme-elevation-100);
 }
-.TicketingSettings_module_sectionDescription {
+
+.sectionDescription {
   font-size: 0.8125rem;
   color: var(--theme-elevation-500);
   margin: 0 0 1rem;
   line-height: 1.5;
 }
-.TicketingSettings_module_badge {
+
+// ── Badges ────────────────────────────────────
+
+.badge {
   font-size: 0.6875rem;
   font-weight: 600;
   padding: 0.125rem 0.5rem;
   border-radius: 9999px;
   white-space: nowrap;
 }
-.TicketingSettings_module_categoryGroup {
+
+// ── Feature cards ─────────────────────────────
+
+.categoryGroup {
   margin-bottom: 1.25rem;
 }
-.TicketingSettings_module_categoryHeading {
+
+.categoryHeading {
   font-size: 0.75rem;
   font-weight: 700;
   text-transform: uppercase;
@@ -83,18 +101,21 @@
   align-items: center;
   gap: 0.5rem;
 }
-.TicketingSettings_module_categoryDot {
+
+.categoryDot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   display: inline-block;
 }
-.TicketingSettings_module_featureList {
+
+.featureList {
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
 }
-.TicketingSettings_module_featureCard {
+
+.featureCard {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -103,47 +124,58 @@
   border: 1px solid var(--theme-elevation-150);
   cursor: pointer;
   transition: all 150ms;
-}
-.TicketingSettings_module_featureCard:hover {
-  background: var(--theme-elevation-50);
-}
-.TicketingSettings_module_featureCard.TicketingSettings_module_enabled {
-  border-color: var(--theme-elevation-200);
-  background: var(--theme-elevation-50);
-}
-.TicketingSettings_module_featureLabel {
+
+  &:hover {
+    background: var(--theme-elevation-50);
+  }
+
+  &.enabled {
+    border-color: var(--theme-elevation-200);
+    background: var(--theme-elevation-50);
+  }
+}
+
+.featureLabel {
   font-weight: 600;
   font-size: 0.8125rem;
   color: var(--theme-text);
 }
-.TicketingSettings_module_featureDesc {
+
+.featureDesc {
   font-size: 0.75rem;
   color: var(--theme-elevation-500);
   margin-top: 0.125rem;
 }
-.TicketingSettings_module_fieldRow {
+
+// ── Fields ────────────────────────────────────
+
+.fieldRow {
   display: flex;
   align-items: flex-start;
   gap: 1rem;
   padding: 0.625rem 0;
 }
-.TicketingSettings_module_fieldLabel {
+
+.fieldLabel {
   flex: 0 0 200px;
   font-size: 0.8125rem;
   font-weight: 600;
   color: var(--theme-text);
   padding-top: 0.5rem;
 }
-.TicketingSettings_module_fieldDescription {
+
+.fieldDescription {
   font-size: 0.75rem;
   color: var(--theme-elevation-500);
   font-weight: 400;
   margin-top: 0.125rem;
 }
-.TicketingSettings_module_fieldContent {
+
+.fieldContent {
   flex: 1;
 }
-.TicketingSettings_module_input {
+
+.input {
   width: 100%;
   padding: 0.5rem 0.75rem;
   border: 1px solid var(--theme-elevation-200);
@@ -153,55 +185,76 @@
   color: var(--theme-text);
   outline: none;
   transition: border-color 150ms;
-}
-.TicketingSettings_module_input:focus {
-  border-color: var(--theme-success-500);
-}
-.TicketingSettings_module_inputReadonly {
+
+  &:focus {
+    border-color: var(--theme-success-500);
+  }
+}
+
+.inputReadonly {
+  composes: input;
   background: var(--theme-elevation-50);
   color: var(--theme-elevation-500);
   cursor: not-allowed;
 }
-.TicketingSettings_module_select {
+
+.select {
+  composes: input;
   appearance: auto;
 }
-.TicketingSettings_module_numberInput {
+
+.numberInput {
+  composes: input;
   max-width: 120px;
 }
-.TicketingSettings_module_separator {
+
+.separator {
   border-top: 1px solid var(--theme-elevation-100);
   margin: 1rem 0;
 }
-.TicketingSettings_module_toggleRow {
+
+// ── Toggle rows ───────────────────────────────
+
+.toggleRow {
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
   padding: 0.5rem 0;
 }
-.TicketingSettings_module_inlineLabel {
+
+.inlineLabel {
   font-size: 0.8125rem;
   font-weight: 600;
   color: var(--theme-text);
 }
-.TicketingSettings_module_inlineDesc {
+
+.inlineDesc {
   font-size: 0.75rem;
   color: var(--theme-elevation-500);
   margin-top: 0.125rem;
 }
-.TicketingSettings_module_slaInline {
+
+// ── SLA ───────────────────────────────────────
+
+.slaInline {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.TicketingSettings_module_slaHint {
+
+.slaHint {
   font-size: 0.75rem;
   color: var(--theme-elevation-500);
 }
-.TicketingSettings_module_apiKeyRow {
+
+// ── API Key ───────────────────────────────────
+
+.apiKeyRow {
   display: flex;
   gap: 0.5rem;
 }
-.TicketingSettings_module_apiKeyToggle {
+
+.apiKeyToggle {
   padding: 0.5rem 0.75rem;
   border: 1px solid var(--theme-elevation-200);
   border-radius: 6px;
@@ -211,29 +264,38 @@
   cursor: pointer;
   white-space: nowrap;
 }
-.TicketingSettings_module_aiSubFeaturesLabel {
+
+// ── AI sub features ───────────────────────────
+
+.aiSubFeaturesLabel {
   font-size: 0.8125rem;
   font-weight: 600;
   color: var(--theme-text);
   margin: 0 0 0.5rem;
 }
-.TicketingSettings_module_aiToggleRow {
+
+.aiToggleRow {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   padding: 0.375rem 0;
 }
-.TicketingSettings_module_aiToggleLabel {
+
+.aiToggleLabel {
   font-size: 0.8125rem;
   font-weight: 500;
   color: var(--theme-text);
 }
-.TicketingSettings_module_aiToggleDesc {
+
+.aiToggleDesc {
   display: block;
   font-size: 0.6875rem;
   color: var(--theme-elevation-500);
 }
-.TicketingSettings_module_signatureTextarea {
+
+// ── Signature ─────────────────────────────────
+
+.signatureTextarea {
   width: 100%;
   padding: 0.75rem;
   border: 1px solid var(--theme-elevation-200);
@@ -244,31 +306,41 @@
   color: var(--theme-text);
   resize: vertical;
   outline: none;
-}
-.TicketingSettings_module_signatureTextarea:focus {
-  border-color: var(--theme-success-500);
-}
-.TicketingSettings_module_purgeGroup {
+
+  &:focus {
+    border-color: var(--theme-success-500);
+  }
+}
+
+// ── Purge ─────────────────────────────────────
+
+.purgeGroup {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 }
-.TicketingSettings_module_purgeCategory {
+
+.purgeCategory {
   display: flex;
   align-items: center;
   gap: 1rem;
 }
-.TicketingSettings_module_purgeCategoryLabel {
+
+.purgeCategoryLabel {
   font-size: 0.8125rem;
   font-weight: 600;
   color: var(--theme-text);
   min-width: 100px;
 }
-.TicketingSettings_module_purgeButtons {
+
+.purgeButtons {
   display: flex;
   gap: 0.375rem;
 }
-.TicketingSettings_module_bottomBar {
+
+// ── Bottom bar ────────────────────────────────
+
+.bottomBar {
   display: flex;
   justify-content: flex-end;
   gap: 0.5rem;