@ptcwebops/ptcw-design 7.0.14-upgrade → 7.0.15-upgrade

package/dist/ptcw-design/ptcw-design.css

@@ -2,431 +2,176 @@
 @import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties;
-.collapse {
-  visibility: collapse;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.visible {
-  visibility: visible;
-}
-
-.absolute {
-  position: absolute;
-}
-
-.fixed {
-  position: fixed;
-}
-
-.relative {
-  position: relative;
-}
-
-.static {
-  position: static;
-}
-
-.sticky {
-  position: sticky;
-}
-
-.z-1 {
-  z-index: 1;
+.tw\:inline-flex {
+  display: inline-flex;
 }
 
-.z-2 {
-  z-index: 2;
+.tw\:w-full {
+  width: 100%;
 }
 
-.z-3 {
-  z-index: 3;
+.tw\:cursor-pointer {
+  cursor: pointer;
 }
 
-.z-99 {
-  z-index: 99;
+.tw\:items-center {
+  align-items: center;
 }
 
-.z-999 {
-  z-index: 999;
+.tw\:justify-center {
+  justify-content: center;
 }
 
-.z-auto {
-  z-index: auto;
+.tw\:gap-2 {
+  gap: var(--ptc-element-spacing-02);
 }
 
-.container {
-  width: 100%;
+.tw\:space-y-6 {
+  :where(& > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(var(--ptc-element-spacing-06) * var(--tw-space-y-reverse));
+    margin-block-end: calc(var(--ptc-element-spacing-06) * (1 - var(--tw-space-y-reverse)));
+  }
 }
 
-.block {
-  display: block;
+.tw\:rounded {
+  border-radius: var(--ptc-border-radius-standard);
 }
 
-.flex {
-  display: flex;
+.tw\:border-2 {
+  border-style: var(--tw-border-style);
+  border-width: 2px;
 }
 
-.hidden {
-  display: none;
+.tw\:border-solid {
+  --tw-border-style: solid;
+  border-style: solid;
 }
 
-.inline {
-  display: inline;
+.tw\:border-gray-800 {
+  border-color: var(--color-gray-08);
 }
 
-.inline-block {
-  display: inline-block;
+.tw\:border-gray-1000 {
+  border-color: var(--color-gray-10);
 }
 
-.list-item {
-  display: list-item;
+.tw\:border-green-700 {
+  border-color: var(--color-green-07);
 }
 
-.table {
-  display: table;
+.tw\:bg-gray-1200 {
+  background-color: var(--color-gray-12);
 }
 
-.table-cell {
-  display: table-cell;
+.tw\:bg-green-700 {
+  background-color: var(--color-green-07);
 }
 
-.table-row {
-  display: table-row;
+.tw\:bg-white {
+  background-color: var(--color-white);
 }
 
-.flex-shrink {
-  flex-shrink: 1;
+.tw\:px-3 {
+  padding-inline: var(--ptc-element-spacing-03);
 }
 
-.transform {
-  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+.tw\:px-4 {
+  padding-inline: var(--ptc-element-spacing-04);
 }
 
-.resize {
-  resize: both;
+.tw\:px-5 {
+  padding-inline: var(--ptc-element-spacing-05);
 }
 
-.flex-col {
-  flex-direction: column;
+.tw\:py-2 {
+  padding-block: var(--ptc-element-spacing-02);
 }
 
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.tw\:py-3 {
+  padding-block: var(--ptc-element-spacing-03);
 }
 
-.overflow-x-hidden {
-  overflow-x: hidden;
+.tw\:py-\[14px\] {
+  padding-block: 14px;
 }
 
-.border {
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-}
-
-.border-none {
-  --tw-border-style: none;
-  border-style: none;
-}
-
-.text-center {
+.tw\:text-center {
   text-align: center;
 }
 
-.text-ellipsis {
-  text-overflow: ellipsis;
-}
-
-.capitalize {
-  text-transform: capitalize;
+.tw\:text-left {
+  text-align: left;
 }
 
-.lowercase {
-  text-transform: lowercase;
+.tw\:font-primary {
+  font-family: var(--ptc-font-latin);
 }
 
-.uppercase {
-  text-transform: uppercase;
+.tw\:leading-\[18px\] {
+  --tw-leading: 18px;
+  line-height: 18px;
 }
 
-.italic {
-  font-style: italic;
+.tw\:leading-\[21px\] {
+  --tw-leading: 21px;
+  line-height: 21px;
 }
 
-.underline {
-  text-decoration-line: underline;
+.tw\:leading-\[22px\] {
+  --tw-leading: 22px;
+  line-height: 22px;
 }
 
-.ring {
-  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+.tw\:leading-\[24px\] {
+  --tw-leading: 24px;
+  line-height: 24px;
 }
 
-.outline {
-  outline-style: var(--tw-outline-style);
-  outline-width: 1px;
+.tw\:text-\[\#40434A\] {
+  color: #40434A;
 }
 
-.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+.tw\:text-gray-700 {
+  color: var(--color-gray-07);
 }
 
-.filter {
-  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+.tw\:text-gray-800 {
+  color: var(--color-gray-08);
 }
 
-.backdrop-filter {
-  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+.tw\:text-gray-900 {
+  color: var(--color-gray-09);
 }
 
-.transition {
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
-  transition-timing-function: var(--tw-ease, ease);
-  transition-duration: var(--tw-duration, 0s);
+.tw\:text-gray-1000 {
+  color: var(--color-gray-10);
 }
 
-.select-all {
-  -webkit-user-select: all;
-  -moz-user-select: all;
-       user-select: all;
+.tw\:text-white {
+  color: var(--color-white);
 }
 
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-y {
+@property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
+  initial-value: 0;
 }
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
 }
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 rgba(0, 0, 0, 0);
-}
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 rgba(0, 0, 0, 0);
-}
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 rgba(0, 0, 0, 0);
-}
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 rgba(0, 0, 0, 0);
-}
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0px;
-}
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 rgba(0, 0, 0, 0);
-}
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-drop-shadow-size {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-sepia {
+@property --tw-leading {
   syntax: "*";
   inherits: false;
 }
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
       --tw-border-style: solid;
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-color: initial;
-      --tw-shadow-alpha: 100%;
-      --tw-inset-shadow: 0 0 #0000;
-      --tw-inset-shadow-color: initial;
-      --tw-inset-shadow-alpha: 100%;
-      --tw-ring-color: initial;
-      --tw-ring-shadow: 0 0 #0000;
-      --tw-inset-ring-color: initial;
-      --tw-inset-ring-shadow: 0 0 #0000;
-      --tw-ring-inset: initial;
-      --tw-ring-offset-width: 0px;
-      --tw-ring-offset-color: #fff;
-      --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-outline-style: solid;
-      --tw-blur: initial;
-      --tw-brightness: initial;
-      --tw-contrast: initial;
-      --tw-grayscale: initial;
-      --tw-hue-rotate: initial;
-      --tw-invert: initial;
-      --tw-opacity: initial;
-      --tw-saturate: initial;
-      --tw-sepia: initial;
-      --tw-drop-shadow: initial;
-      --tw-drop-shadow-color: initial;
-      --tw-drop-shadow-alpha: 100%;
-      --tw-drop-shadow-size: initial;
-      --tw-backdrop-blur: initial;
-      --tw-backdrop-brightness: initial;
-      --tw-backdrop-contrast: initial;
-      --tw-backdrop-grayscale: initial;
-      --tw-backdrop-hue-rotate: initial;
-      --tw-backdrop-invert: initial;
-      --tw-backdrop-opacity: initial;
-      --tw-backdrop-saturate: initial;
-      --tw-backdrop-sepia: initial;
+      --tw-leading: initial;
     }
   }
 }