@c8y/style 1023.17.20 → 1023.22.2

package/styles/utilities/_overflows.scss

@@ -0,0 +1,69 @@
+@use "../../variables/index" as *;
+
+/**
+ * Overflow Utility Classes
+ *
+ * Note: Uses $screen-* tokens for responsive breakpoints.
+ *
+ * Intentionally hardcoded values:
+ * - None - uses CSS overflow keywords only (visible, hidden, auto)
+ */
+
+.overflow-visible {
+  overflow: visible !important;
+}
+.overflow-hidden {
+  overflow: hidden !important;
+}
+.overflow-auto {
+  overflow: auto !important;
+}
+
+//media queries
+@media (max-width: $screen-xs-max) {
+  .overflow-visible-xs {
+    overflow: visible !important;
+  }
+  .overflow-hidden-xs {
+    overflow: hidden !important;
+  }
+  .overflow-auto-xs {
+    overflow: auto !important;
+  }
+}
+
+@media (min-width: $screen-sm-min) {
+  .overflow-visible-sm {
+    overflow: visible !important;
+  }
+  .overflow-hidden-sm {
+    overflow: hidden !important;
+  }
+  .overflow-auto-sm {
+    overflow: auto !important;
+  }
+}
+
+@media (min-width: $screen-md-min) {
+  .overflow-visible-md {
+    overflow: visible !important;
+  }
+  .overflow-hidden-md {
+    overflow: hidden !important;
+  }
+  .overflow-auto-md {
+    overflow: auto !important;
+  }
+}
+
+@media (min-width: $screen-lg-min) {
+  .overflow-visible-lg {
+    overflow: visible !important;
+  }
+  .overflow-hidden-lg {
+    overflow: hidden !important;
+  }
+  .overflow-auto-lg {
+    overflow: auto !important;
+  }
+}

package/styles/utilities/_position.less

@@ -17,12 +17,9 @@
 .left-0 {
   left: 0 !important;
 }
-.right-0 {
-  right: 0 !important;
-}
-.bottom-0 {
-  bottom: 0 !important;
-}
+
+// Removed unused positioning utilities - verified 0 usages:
+// .right-0, .bottom-0
 
 // media queries
 @media (max-width: @screen-xs-max) {

package/styles/utilities/_position.scss

@@ -0,0 +1,143 @@
+@use "../../variables/index" as *;
+
+/**
+ * Position Utilities
+ *
+ * Note: Uses $screen-* tokens for responsive breakpoints.
+ *
+ * Intentionally hardcoded values:
+ * - 0 values: Zero position offsets, not spacing
+ * - Position keywords: relative, absolute, static, sticky
+ */
+
+.p-relative {
+  position: relative !important;
+}
+.p-absolute {
+  position: absolute !important;
+}
+.p-static {
+  position: static !important;
+}
+.p-sticky {
+  position: sticky !important;
+}
+
+.top-0 {
+  top: 0 !important;
+}
+.left-0 {
+  left: 0 !important;
+}
+
+// Removed unused positioning utilities - verified 0 usages:
+// .right-0, .bottom-0
+
+// media queries
+@media (max-width: $screen-xs-max) {
+  .p-relative-xs {
+    position: relative !important;
+  }
+  .p-absolute-xs {
+    position: absolute !important;
+  }
+  .p-static-xs {
+    position: static !important;
+  }
+  .p-sticky-xs {
+    position: sticky !important;
+  }
+  .top-0-xs {
+    top: 0 !important;
+  }
+  .left-0-xs {
+    left: 0 !important;
+  }
+  .right-0-xs {
+    right: 0 !important;
+  }
+  .bottom-0-xs {
+    bottom: 0 !important;
+  }
+}
+
+@media (min-width: $screen-sm-min) {
+  .p-relative-sm {
+    position: relative !important;
+  }
+  .p-absolute-sm {
+    position: absolute !important;
+  }
+  .p-static-sm {
+    position: static !important;
+  }
+  .p-sticky-sm {
+    position: sticky !important;
+  }
+  .top-0-sm {
+    top: 0 !important;
+  }
+  .left-0-sm {
+    left: 0 !important;
+  }
+  .right-0-sm {
+    right: 0 !important;
+  }
+  .bottom-0-sm {
+    bottom: 0 !important;
+  }
+}
+
+@media (min-width: $screen-md-min) {
+  .p-relative-md {
+    position: relative !important;
+  }
+  .p-absolute-md {
+    position: absolute !important;
+  }
+  .p-static-md {
+    position: static !important;
+  }
+  .p-sticky-md {
+    position: sticky !important;
+  }
+  .top-0-md {
+    top: 0 !important;
+  }
+  .left-0-md {
+    left: 0 !important;
+  }
+  .right-0-md {
+    right: 0 !important;
+  }
+  .bottom-0-md {
+    bottom: 0 !important;
+  }
+}
+
+@media (min-width: $screen-lg-min) {
+  .p-relative-lg {
+    position: relative !important;
+  }
+  .p-absolute-lg {
+    position: absolute !important;
+  }
+  .p-static-lg {
+    position: static !important;
+  }
+  .p-sticky-lg {
+    position: sticky !important;
+  }
+  .top-0-lg {
+    top: 0 !important;
+  }
+  .left-0-lg {
+    left: 0 !important;
+  }
+  .right-0-lg {
+    right: 0 !important;
+  }
+  .bottom-0-lg {
+    bottom: 0 !important;
+  }
+}

package/styles/utilities/_quickfloats.less

@@ -13,11 +13,4 @@
   float: left !important;
 }
 
-.top-right-controls {
-  .pull-right();
-  & > * {
-    display: inline-block;
-    width: auto;
-    vertical-align: middle;
-  }
-}
+// Removed unused control utility - verified 0 usages: .top-right-controls

package/styles/utilities/_quickfloats.scss

@@ -0,0 +1,36 @@
+@use "../../variables/index" as *;
+
+@use "../mixins/center-block";
+
+/**
+ * Float and Clearfix Utilities
+ *
+ * Note: All values are CSS keywords (no spacing values).
+ *
+ * Intentionally hardcoded values:
+ * - None - uses CSS keywords only (float, display, etc.)
+ */
+
+.clearfix {
+  &:before,
+  &:after {
+    display: table;
+    content: ' ';
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+.center-block {
+  @include center-block.center-block();
+}
+
+.pull-right {
+  float: right !important;
+}
+.pull-left {
+  float: left !important;
+}
+
+// Removed unused control utility - verified 0 usages: .top-right-controls

package/styles/utilities/_separators.scss

@@ -0,0 +1,71 @@
+@use "../../variables/index" as *;
+
+/**
+ * Separator Utility Classes - Box shadow-based dividers
+ *
+ * Note: Uses $component-border-color for separator color.
+ *
+ * Intentionally hardcoded values:
+ * - 1px/-1px box-shadow offsets: Standard separator line width
+ * - 1px min-height: Ensures separator is visible even in empty tags
+ */
+
+.separator-top {
+  box-shadow: inset 0 1px 0 $component-border-color !important;
+}
+.separator-top-bottom {
+  box-shadow: inset 0 1px 0 $component-border-color, inset 0 -1px 0 $component-border-color !important;
+}
+.separator-bottom {
+  min-height: 1px; // ensure it can be used in an empty tag
+  box-shadow: inset 0 -1px 0 $component-border-color !important;
+}
+
+//media queries
+@media (max-width: $screen-xs-max) {
+  .separator-top-xs {
+    box-shadow: inset 0 1px 0 $component-border-color !important;
+  }
+  .separator-top-bottom-xs {
+    box-shadow: inset 0 1px 0 $component-border-color, inset 0 -1px 0 $component-border-color !important;
+  }
+  .separator-bottom-xs {
+    box-shadow: inset 0 -1px 0 $component-border-color !important;
+  }
+}
+
+@media (min-width: $screen-sm-min) {
+  .separator-top-sm {
+    box-shadow: inset 0 1px 0 $component-border-color !important;
+  }
+  .separator-top-bottom-sm {
+    box-shadow: inset 0 1px 0 $component-border-color, inset 0 -1px 0 $component-border-color !important;
+  }
+  .separator-bottom-sm {
+    box-shadow: inset 0 -1px 0 $component-border-color !important;
+  }
+}
+
+@media (min-width: $screen-md-min) {
+  .separator-top-md {
+    box-shadow: inset 0 1px 0 $component-border-color !important;
+  }
+  .separator-top-bottom-md {
+    box-shadow: inset 0 1px 0 $component-border-color, inset 0 -1px 0 $component-border-color !important;
+  }
+  .separator-bottom-md {
+    box-shadow: inset 0 -1px 0 $component-border-color !important;
+  }
+}
+
+@media (min-width: $screen-lg-min) {
+  .separator-top-lg {
+    box-shadow: inset 0 1px 0 $component-border-color !important;
+  }
+  .separator-top-bottom-lg {
+    box-shadow: inset 0 1px 0 $component-border-color, inset 0 -1px 0 $component-border-color !important;
+  }
+  .separator-bottom-lg {
+    box-shadow: inset 0 -1px 0 $component-border-color !important;
+  }
+}

package/styles/utilities/_shadows.scss

@@ -0,0 +1,7 @@
+@use "../../variables/index" as *;
+
+/**
+ * Shadow Utilities
+ *
+ * Note: Currently empty - shadow utilities are defined elsewhere.
+ */

package/styles/utilities/_sizing.scss

@@ -0,0 +1,122 @@
+// Sizing Utilities - Max/min width/height utility classes
+@use "../../variables/index" as *;
+
+/**
+ * Sizing Utilities - Width/Height utility classes
+ *
+ * Note: These are utility classes with fixed API - values are intentionally hardcoded.
+ *
+ * Intentionally hardcoded values:
+ * - Percentages (100%): Layout utilities
+ * - Pixel values (20px): Fixed size utilities
+ * - Keywords (unset, inherit, fit-content): CSS utility values
+ * - Number values (0): No size
+ */
+
+// Max width
+.max-width-unset {
+  max-width: unset !important;
+}
+.max-width-inherit {
+  max-width: inherit !important;
+}
+.max-width-100 {
+  max-width: 100% !important;
+}
+.max-width-fit {
+  max-width: fit-content !important;
+}
+
+// Min width
+.min-width-unset {
+  min-width: unset !important;
+}
+.min-width-100 {
+  min-width: 100% !important;
+}
+.min-width-0{
+  min-width: 0;
+}
+.min-width-fit {
+  min-width: fit-content !important;
+}
+
+
+// min-height
+.min-height-unset,
+.no-min-height{
+  min-height: unset !important;
+}
+
+.min-height-fit {
+  min-height: fit-content !important;
+}
+
+.fit-min-h,
+.min-height-100 {
+  min-height: 100% !important;
+}
+
+.min-height-0{
+  min-height: 0;
+}
+
+// width
+
+.fit-w {
+  width: 100% !important;
+}
+
+// height
+
+.fit-h {
+  height: 100% !important;
+}
+
+.fit-h--md{
+  @media (min-width: $screen-md-min){
+    height: 100% !important;
+  }
+}
+
+.fit-h-20 {
+  height: 20px !important;
+}
+
+// Sticky header
+.sticky-header-top-0 {
+  position: sticky !important;
+  top: 0 !important;
+  background: inherit;
+}
+
+.sticky-right{
+  position: sticky!important;
+  right:0;
+  background: inherit;
+  margin-bottom: 1px;
+}
+
+// Transitions
+.transition-bg {
+  transition: background 0.25s ease;
+}
+
+[ng-click],
+.pointer {
+  cursor: pointer !important;
+  // Removed unused cursor utility - verified 0 usages: .no-cursor
+}
+
+.no-pointer {
+  pointer-events: none !important;
+}
+
+.pointer-all{
+  pointer-events: all !important;
+}
+
+// remove display from transclude elements
+[ng-transclude].ng-scope {
+  display: contents;
+}