ids-enterprise-wc 1.0.0-beta.10 → 1.0.0-beta.11

package/components/ids-textarea/ids-textarea.css

@@ -1,369 +0,0 @@
-@charset "UTF-8";
-/**
- * Css for clearable mixin
- */
-.ids-input .ids-input-field .btn-clear,
-.ids-input .ids-textarea-field .btn-clear,
-.ids-textarea .ids-input-field .btn-clear,
-.ids-textarea .ids-textarea-field .btn-clear {
-  outline: 0;
-}
-.ids-input .ids-input-field .btn-clear.is-empty,
-.ids-input .ids-textarea-field .btn-clear.is-empty,
-.ids-textarea .ids-input-field .btn-clear.is-empty,
-.ids-textarea .ids-textarea-field .btn-clear.is-empty {
-  display: none;
-}
-.ids-input .ids-input-field .btn-clear [slot=icon],
-.ids-input .ids-textarea-field .btn-clear [slot=icon],
-.ids-textarea .ids-input-field .btn-clear [slot=icon],
-.ids-textarea .ids-textarea-field .btn-clear [slot=icon] {
-  margin-inline-start: 0;
-  color: inherit;
-}
-.ids-input.has-clearable .btn-clear,
-.ids-textarea.has-clearable .btn-clear {
-  margin-inline-end: 4px;
-}
-.ids-input.has-clearable .btn-clear.is-empty,
-.ids-textarea.has-clearable .btn-clear.is-empty {
-  display: initial;
-  visibility: hidden;
-  pointer-events: none;
-}
-
-.ids-trigger-field .ids-input-field.has-clearable {
-  padding-inline-end: 55px;
-}
-.ids-trigger-field .ids-input-field.has-clearable ~ .btn-clear {
-  margin-top: 0;
-  right: -8px;
-}
-
-.btn-clear[part=clearable-button] [slot=icon] {
-  padding: 2px;
-}
-
-.icon-dirty {
-  position: absolute;
-  color: var(--ids-color-caution-30);
-  top: 1px;
-}
-.icon-dirty[dir=rtl] {
-  transform: rotate(90deg);
-  top: 0;
-}
-
-.ids-color-picker .icon-dirty {
-  margin-inline-start: 35px;
-}
-
-.ids-color-picker.compact .icon-dirty {
-  margin-inline-start: 27px;
-}
-
-.ids-radio-group .icon-dirty {
-  margin-inline-start: -1px;
-  margin-block-start: 9px;
-  top: auto;
-  z-index: 1;
-}
-
-.ids-checkbox .icon-dirty {
-  margin-inline-start: -25px;
-}
-.ids-checkbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -20px;
-  transform: none;
-  top: -1px;
-}
-.ids-checkbox.hitbox .icon-dirty {
-  margin-inline-start: -30px;
-}
-.ids-checkbox.hitbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -26px;
-}
-
-.ids-textarea .icon-dirty {
-  top: 0;
-  margin-inline-start: 1px;
-}
-.ids-textarea .icon-dirty[dir=rtl] {
-  top: 1px;
-}
-
-.validation-message {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: flex;
-  font-family: var(--ids-font-family);
-  margin-top: var(--ids-spacing-md);
-}
-.validation-message.has-custom-icon {
-  color: var(--ids-icon-color);
-}
-.validation-message.disabled {
-  color: var(--ids-input-disabled-text-color);
-}
-.validation-message .ids-icon {
-  margin-inline-end: var(--ids-spacing-md);
-}
-.validation-message.alert {
-  color: var(--ids-color-caution);
-}
-.validation-message.alert.disabled {
-  color: var(--ids-color-caution-30);
-}
-.validation-message.warning {
-  color: var(--ids-color-warning);
-}
-.validation-message.warning.disabled {
-  color: var(--ids-color-warning-30);
-}
-.validation-message.error {
-  color: var(--ids-color-error);
-}
-.validation-message.error.disabled {
-  color: var(--ids-color-error-30);
-}
-.validation-message.info {
-  color: var(--ids-color-info);
-}
-.validation-message.info.disabled {
-  color: var(--ids-color-info-30);
-}
-.validation-message.success {
-  color: var(--ids-color-success);
-}
-.validation-message.success.disabled {
-  color: var(--ids-color-success-30);
-}
-
-.ids-textarea {
-  display: block;
-  margin-bottom: var(--ids-spacing-3xl);
-  font-size: var(--ids-font-size-md);
-  font-family: var(--ids-font-family);
-}
-.ids-textarea .hidden {
-  display: none;
-}
-.ids-textarea .textarea-print {
-  display: none;
-  white-space: pre-line;
-}
-.ids-textarea .textarea-character-counter {
-  display: inline-block;
-  min-height: auto;
-  width: 362px;
-}
-.ids-textarea .textarea-character-counter.almost-empty {
-  color: var(--ids-textarea-character-counter-warning-text-color);
-}
-.ids-textarea .field-container {
-  margin: var(--ids-spacing-none);
-  padding: var(--ids-spacing-none);
-  position: relative;
-  display: flex;
-  max-width: 362px;
-}
-.ids-textarea .field-container.sm {
-  max-width: 150px;
-}
-.ids-textarea .field-container.sm ~ .textarea-character-counter {
-  width: 150px;
-}
-.ids-textarea .field-container.md {
-  max-width: 362px;
-}
-.ids-textarea .field-container.md ~ .textarea-character-counter {
-  width: 362px;
-}
-.ids-textarea .field-container.lg {
-  max-width: 400px;
-}
-.ids-textarea .field-container.lg ~ .textarea-character-counter {
-  width: 400px;
-}
-.ids-textarea .field-container.full {
-  max-width: 100%;
-}
-.ids-textarea .field-container.full ~ .textarea-character-counter {
-  width: 100%;
-}
-.ids-textarea .ids-textarea-field {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-color: var(--ids-textarea-background-color);
-  border: 1px solid;
-  border-color: var(--ids-textarea-border-color);
-  color: var(--ids-textarea-text-color);
-  box-sizing: border-box;
-  margin-bottom: var(--ids-spacing-md);
-  padding: var(--ids-spacing-xl);
-  font-size: var(--ids-font-size-md);
-  appearance: none;
-  font-family: var(--ids-font-family);
-  border-collapse: separate;
-  border-radius: var(--ids-border-radius-xs);
-  display: inline-block;
-  min-height: 120px;
-  resize: none;
-  text-align: left;
-  width: 100%;
-}
-.ids-textarea .ids-textarea-field[readonly] {
-  background-color: var(--ids-textarea-readonly-background-color);
-  border-color: var(--ids-textarea-readonly-border-color);
-  color: var(--ids-textarea-readonly-text-color);
-}
-.ids-textarea .ids-textarea-field[disabled] {
-  background-color: var(--ids-textarea-disabled-background-color);
-  border-color: var(--ids-textarea-disabled-border-color);
-  color: var(--ids-textarea-disabled-text-color);
-}
-.ids-textarea .ids-textarea-field:not([disabled]):not([readonly]):not(:focus):hover {
-  border-color: var(--ids-textarea-hover-border-color);
-}
-.ids-textarea .ids-textarea-field:focus {
-  border-color: var(--ids-textarea-focus-border-color);
-  box-shadow: var(--ids-textarea-focus-box-shadow);
-  outline: none;
-  outline-color: transparent;
-}
-.ids-textarea .ids-textarea-field[readonly] ~ .textarea-character-counter, .ids-textarea .ids-textarea-field[disabled] ~ .textarea-character-counter {
-  display: none;
-}
-.ids-textarea .ids-textarea-field.resizable {
-  resize: vertical;
-}
-.ids-textarea .ids-textarea-field[rows] {
-  height: auto;
-}
-.ids-textarea .ids-textarea-field.bg-transparent {
-  background-color: transparent;
-}
-.ids-textarea .ids-textarea-field.bg-transparent:focus {
-  border-color: var(--ids-textarea-focus-border-color);
-}
-.ids-textarea .ids-textarea-field.text-ellipsis {
-  text-overflow: ellipsis;
-}
-.ids-textarea .ids-textarea-field.left {
-  text-align: start;
-}
-.ids-textarea .ids-textarea-field.center {
-  text-align: center;
-}
-.ids-textarea .ids-textarea-field.right {
-  text-align: end;
-}
-.ids-textarea .ids-textarea-field.alert, .ids-textarea .ids-textarea-field.alert:hover {
-  border-color: var(--ids-textarea-alert-border-color);
-  color: var(--ids-textarea-alert-text-color);
-}
-.ids-textarea .ids-textarea-field.alert:focus, .ids-textarea .ids-textarea-field.alert:hover:focus {
-  border-color: var(--ids-textarea-alert-focus-border-color);
-  box-shadow: var(--ids-textarea-alert-focus-box-shadow);
-}
-.ids-textarea .ids-textarea-field.alert[disabled], .ids-textarea .ids-textarea-field.alert:hover[disabled] {
-  border-color: var(--ids-textarea-alert-disabled-border-color);
-  color: var(--ids-textarea-alert-disabled-text-color);
-}
-.ids-textarea .ids-textarea-field.error, .ids-textarea .ids-textarea-field.error:hover {
-  border-color: var(--ids-textarea-error-border-color);
-  color: var(--ids-textarea-error-text-color);
-}
-.ids-textarea .ids-textarea-field.error:focus, .ids-textarea .ids-textarea-field.error:hover:focus {
-  border-color: var(--ids-textarea-error-focus-border-color);
-  box-shadow: var(--ids-textarea-error-focus-box-shadow);
-}
-.ids-textarea .ids-textarea-field.error[disabled], .ids-textarea .ids-textarea-field.error:hover[disabled] {
-  border-color: var(--ids-textarea-error-disabled-border-color);
-  color: var(--ids-textarea-error-disabled-text-color);
-}
-.ids-textarea .ids-textarea-field.info, .ids-textarea .ids-textarea-field.info:hover {
-  border-color: var(--ids-textarea-info-border-color);
-  color: var(--ids-textarea-info-text-color);
-}
-.ids-textarea .ids-textarea-field.info:focus, .ids-textarea .ids-textarea-field.info:hover:focus {
-  border-color: var(--ids-textarea-info-focus-border-color);
-  box-shadow: rgba(0, 102, 212, 0.3) 0 0 3px 2px;
-}
-.ids-textarea .ids-textarea-field.info[disabled], .ids-textarea .ids-textarea-field.info:hover[disabled] {
-  border-color: var(--ids-textarea-info-disabled-border-color);
-  color: var(--ids-textarea-info-disabled-text-color);
-}
-.ids-textarea .ids-textarea-field.success, .ids-textarea .ids-textarea-field.success:hover {
-  border-color: var(--ids-textarea-success-border-color);
-  color: var(--ids-textarea-success-text-color);
-}
-.ids-textarea .ids-textarea-field.success:focus, .ids-textarea .ids-textarea-field.success:hover:focus {
-  border-color: var(--ids-textarea-success-focus-border-color);
-  box-shadow: var(--ids-textarea-success-focus-box-shadow);
-}
-.ids-textarea .ids-textarea-field.success[disabled], .ids-textarea .ids-textarea-field.success:hover[disabled] {
-  border-color: var(--ids-textarea-success-disabled-border-color);
-  color: var(--ids-textarea-success-disabled-text-color);
-}
-.ids-textarea .ids-textarea-field ~ .btn-clear {
-  margin-top: var(--ids-spacing-md);
-  position: absolute;
-  right: 0;
-}
-.ids-textarea .error .ids-textarea-field {
-  border-color: var(--ids-textarea-error-border-color);
-}
-.ids-textarea .validation-message {
-  margin-top: var(--ids-spacing-md);
-}
-.ids-textarea.disabled .label-text {
-  color: var(--ids-textarea-label-disabled-text-color);
-}
-.ids-textarea.disabled .label-text.required::after {
-  color: var(--ids-textarea-label-disabled-text-color);
-}
-
-.ids-label-text {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  color: var(--ids-textarea-label-text-color);
-  margin-bottom: var(--ids-spacing-lg);
-  align-items: baseline;
-  font-family: var(--ids-font-family);
-  display: flex;
-}
-.ids-label-text.empty::before {
-  content: " ";
-}
-.ids-label-text.required::after {
-  position: relative;
-  padding-inline: var(--ids-spacing-sm);
-  font-size: var(--ids-font-size-lg);
-  content: "*";
-  color: var(--ids-required-background-color);
-  font-family: var(--ids-font-family);
-  margin-top: -10px;
-  top: 1px;
-}
-.ids-label-text.required.no-required-indicator::after, .ids-label-text.required.empty::after {
-  content: "";
-}
-
-.label-state-collapsed .ids-label-text.empty {
-  margin: var(--ids-spacing-none);
-  visibility: hidden;
-  height: 0;
-}
-
-@media print {
-  .ids-textarea .textarea-character-counter,
-  .ids-textarea .ids-textarea-field {
-    display: none;
-  }
-  .textarea-print {
-    display: inline-block;
-    height: auto;
-    width: auto;
-  }
-}

package/components/ids-theme-switcher/ids-theme-switcher.css

@@ -1,11 +0,0 @@
-/* Ids Theme Switcher Css */
-:root {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  padding: 0 var(--ids-spacing-sm);
-}
-
-:host([hidden]) {
-  display: none;
-}

package/components/ids-time-picker/ids-time-picker.css

@@ -1,147 +0,0 @@
-/* Ids Time Picker Popup Component */
-.hide {
-  display: none;
-}
-
-@media all and (max-width: 1440px) {
-  .hide-xxl-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 1440px) {
-  .hide-xxl-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 1280px) {
-  .hide-xl-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 1280px) {
-  .hide-xl-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 1024px) {
-  .hide-lg-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 1024px) {
-  .hide-lg-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 840px) {
-  .hide-md-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 840px) {
-  .hide-md-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 600px) {
-  .hide-sm-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 600px) {
-  .hide-sm-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 360px) {
-  .hide-xs-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 360px) {
-  .hide-xs-up {
-    display: none;
-  }
-}
-
-ids-popup[visible][animated] {
-  transition: none;
-}
-
-.ids-time-picker-popup::part(popup) {
-  padding-block: var(--ids-spacing-none);
-  background-color: var(--ids-time-picker-popup-background-color);
-}
-.ids-time-picker-popup .popup-btn {
-  align-items: center;
-  border-top: 1px solid var(--ids-time-picker-popup-button-border-color);
-  width: 100%;
-}
-.ids-time-picker-popup .popup-btn::part(button) {
-  height: 100%;
-  color: var(--ids-time-picker-popup-button-text-color);
-  padding: var(--ids-spacing-none);
-  padding-block: var(--ids-spacing-xl);
-  align-items: center;
-  justify-content: center;
-}
-.ids-time-picker-popup .popup-btn::part(button):hover {
-  color: var(--ids-time-picker-popup-button-hover-text-color);
-}
-.ids-time-picker-popup ids-dropdown::part(trigger-field) {
-  display: inline-flex;
-  min-width: 75px;
-}
-.ids-time-picker-popup ids-list-box,
-.ids-time-picker-popup ids-list-box-option {
-  width: 100%;
-}
-.ids-time-picker-popup ids-popup::part(popup) {
-  margin: var(--ids-spacing-none);
-  padding: var(--ids-spacing-none);
-}
-.ids-time-picker-popup .dropdowns {
-  display: flex;
-  flex-direction: row;
-  padding-inline-start: 15px;
-  padding-inline-end: 15px;
-  padding-top: 15px;
-}
-.ids-time-picker-popup .dropdown::part(trigger-field) {
-  justify-content: center;
-}
-.ids-time-picker-popup .separator {
-  width: 12px;
-  display: inline-block;
-  height: 38px;
-  margin-top: 23px;
-}
-.ids-time-picker-popup .separator.colons {
-  color: var(--ids-time-picker-popup-colons-text-color);
-  width: 17px;
-  text-align: center;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 38px;
-}
-@media all and (max-width: 360px) {
-  .ids-time-picker-popup .dropdowns {
-    flex-direction: column;
-    align-items: center;
-    width: var(--ids-input-width-sm);
-  }
-  .ids-time-picker-popup .separator {
-    display: none;
-  }
-}

package/components/ids-toast/ids-toast.css

@@ -1,43 +0,0 @@
-/* Ids Toast Component */
-.ids-toast .hidden {
-  display: none;
-}
-.ids-toast .toast-container {
-  display: inline-block;
-  position: fixed;
-  max-width: 60%;
-  z-index: var(--ids-z-index-toast);
-}
-.ids-toast .toast-container.bottom-end {
-  bottom: 8px;
-  right: 8px;
-}
-.ids-toast .toast-container.bottom-start {
-  bottom: 8px;
-  left: 8px;
-}
-.ids-toast .toast-container.top-end {
-  top: 8px;
-  right: 8px;
-}
-.ids-toast .toast-container.top-start {
-  top: 8px;
-  left: 8px;
-}
-
-:host([dir=rtl]) .toast-container.bottom-end {
-  left: 8px;
-  right: unset;
-}
-:host([dir=rtl]) .toast-container.bottom-start {
-  left: unset;
-  right: 8px;
-}
-:host([dir=rtl]) .toast-container.top-end {
-  left: 8px;
-  right: unset;
-}
-:host([dir=rtl]) .toast-container.top-start {
-  left: unset;
-  right: 8px;
-}

package/components/ids-toolbar/ids-toolbar.css

@@ -1,75 +0,0 @@
-/* Ids Toolbar Section Component */
-:root {
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-}
-:host ::slotted(ids-toolbar-section:not([favor])) {
-  overflow: hidden;
-}
-:host ::slotted(ids-toolbar-section:not([type])),
-:host ::slotted(ids-toolbar-section[type=button]) {
-  flex: 0 0 auto;
-}
-:host ::slotted(ids-toolbar-section[type=fluid]),
-:host ::slotted(ids-toolbar-section[type=title]),
-:host ::slotted(ids-toolbar-section[type=buttonset]) {
-  flex: 1 0 auto;
-}
-:host ::slotted(ids-toolbar-section[type=fluid]:not([favor])),
-:host ::slotted(ids-toolbar-section[type=title]:not([favor])),
-:host ::slotted(ids-toolbar-section[type=buttonset]:not([favor])) {
-  flex: 1 1 auto;
-}
-:host ::slotted(ids-toolbar-section[favor]) {
-  flex: 2 0 auto;
-}
-:host ::slotted(ids-toolbar-section[favor][type=buttonset]),
-:host ::slotted(ids-toolbar-section[favor][type=title]) {
-  overflow: auto;
-  flex: 2 0 auto;
-}
-:host ::slotted(ids-toolbar-section[align=start]),
-:host ::slotted(ids-toolbar-section:not([align])) {
-  justify-content: flex-start;
-}
-:host ::slotted(ids-toolbar-section[align=center]) {
-  justify-content: center;
-}
-:host ::slotted(ids-toolbar-section[align=center-even]) {
-  justify-content: space-around;
-}
-:host ::slotted(ids-toolbar-section[align=end]) {
-  justify-content: flex-end;
-}
-:host[disabled] ::slotted(.ids-text) {
-  color: var(--ids-text-color-disabled);
-}
-
-:host([group-action]) {
-  border-top: 1px solid var(--ids-card-divider-border-color);
-}
-
-:host([group-action]) .ids-toolbar {
-  padding: 0 var(--ids-card-toolbar-padding);
-  width: calc(100% - var(--ids-card-toolbar-padding) * 2px);
-}
-
-.ids-toolbar {
-  display: flex;
-  align-items: center;
-  flex-flow: row nowrap;
-  height: 100%;
-  justify-content: space-between;
-  overflow: hidden;
-  width: 100%;
-}
-.ids-toolbar.disabled {
-  color: var(--ids-text-color-disabled);
-}
-.ids-toolbar.disabled .ids-text {
-  color: inherit;
-}
-.ids-toolbar.type-formatter {
-  background-color: var(--ids-toolbar-formatter-background-color);
-}

package/components/ids-tooltip/ids-tooltip.css

@@ -1,16 +0,0 @@
-/* Ids Tooltip Component - Most Styles are in Popup */
-:root {
-  display: none;
-}
-
-:host([visible]) {
-  display: inline;
-}
-
-.ids-popup.tooltip.standalone {
-  position: relative;
-}
-
-ids-popup[dir=rtl]::part(arrow)::after, ids-popup[dir=rtl]::part(arrow-top)::after, ids-popup[dir=rtl]::part(arrow-right)::after, ids-popup[dir=rtl]::part(arrow-bottom)::after, ids-popup[dir=rtl]::part(arrow-left)::after {
-  display: none;
-}

package/components/ids-tree/ids-tree.css

@@ -1,35 +0,0 @@
-/* Ids Tree Component */
-@keyframes keyframes-rotate-forward {
-  0% {
-    transform: rotate(-90deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
-}
-@keyframes keyframes-rotate-backward {
-  0% {
-    transform: rotate(45deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
-}
-.ids-tree {
-  list-style-type: none;
-  margin-bottom: var(--ids-spacing-xs);
-  margin-block-start: 0;
-  margin-block-end: 0;
-  padding-inline-start: 0;
-}
-.ids-tree ids-badge::part(badge) {
-  border-width: 0;
-  margin: 0;
-  margin-inline-end: 8px;
-}
-
-ids-badge::part(badge) {
-  border-width: 0;
-  margin: 0;
-  margin-inline-end: 8px;
-}