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

package/components/ids-data-label/ids-data-label.css

@@ -1,29 +0,0 @@
-:host([language*=fr]) .left-positioned .colon {
-  padding-left: 8px;
-}
-
-.left-positioned {
-  display: flex;
-  flex-direction: row;
-}
-.left-positioned .label {
-  color: var(--ids-text-color-label);
-  margin-bottom: 8px;
-  padding-right: 8px;
-  white-space: nowrap;
-}
-.left-positioned .data {
-  color: var(--ids-text-color-data);
-}
-
-.top-positioned {
-  display: flex;
-  flex-direction: column;
-}
-.top-positioned .label {
-  color: var(--ids-text-color-label);
-  margin-bottom: 8px;
-}
-.top-positioned .data {
-  color: var(--ids-text-color-data);
-}

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

@@ -1,111 +0,0 @@
-ids-popup::part(popup) {
-  padding-block: 0;
-}
-
-ids-popup[visible][animated] {
-  transition: none;
-}
-
-.ids-date-picker-popup .ids-popup.menu {
-  padding-block: 0;
-}
-
-ids-month-view {
-  width: 100%;
-}
-
-#month-year-view-trigger {
-  margin: 4px;
-}
-
-.ids-date-picker-popup {
-  min-width: 350px;
-}
-.ids-date-picker-popup:not(.has-time) ids-month-view::part(table-container) {
-  margin-bottom: 10px;
-}
-.ids-date-picker-popup ids-popup::part(popup) {
-  padding-block: 0;
-}
-.ids-date-picker-popup .popup-footer {
-  border-top: 1px solid var(--ids-date-picker-popup-footer-border-color);
-  display: flex;
-}
-.ids-date-picker-popup .popup-footer ids-modal-button:not([hidden]) + ids-modal-button,
-.ids-date-picker-popup .popup-footer .ids-modal-button:not([hidden]) + .ids-modal-button {
-  border-left: 1px solid;
-  border-left-color: var(--ids-date-picker-popup-footer-border-color);
-}
-.ids-date-picker-popup .popup-btn {
-  width: 100%;
-}
-
-.ids-date-picker-content {
-  position: relative;
-}
-
-ids-expandable-area {
-  display: block;
-}
-
-ids-expandable-area:not([expanded]),
-ids-expandable-area[expanded=false] {
-  pointer-events: none;
-}
-
-ids-expandable-area::part(container) {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  position: absolute;
-  z-index: 3;
-  border: none;
-  left: 0;
-  width: 100%;
-}
-
-ids-expandable-area::part(header) {
-  display: none;
-}
-
-ids-expandable-area::part(pane) {
-  background-color: var(--ids-date-picker-picklist-background-color);
-}
-
-ids-expandable-area::part(footer) {
-  display: none;
-}
-
-ids-expandable-area::part(pane-content) {
-  margin-top: 0;
-  height: 100%;
-}
-
-ids-time-picker {
-  display: flex;
-  justify-content: center;
-}
-
-.btn-today {
-  margin-right: -7px;
-}
-.btn-today::part(button) {
-  padding: 2px 4px;
-  margin: 3px;
-}
-
-.btn-today-text {
-  color: var(--ids-date-picker-popup-button-today-text-color);
-}
-
-.btn-previous,
-.btn-next {
-  padding-inline-start: 0;
-  margin: 3px;
-}
-.btn-previous::part(button),
-.btn-next::part(button) {
-  padding: 0;
-  width: 44px;
-  height: 44px;
-}

package/components/ids-draggable/ids-draggable.css

@@ -1,25 +0,0 @@
-:host(ids-draggable) {
-  height: fit-content;
-  width: fit-content;
-}
-
-:host(ids-draggable:not([handle])) {
-  cursor: var(--ids-cursor-move);
-  touch-action: none;
-}
-
-:host(ids-draggable[disabled]:not([handle])) {
-  cursor: inherit;
-}
-
-:host(ids-draggable[axis=x]:not([disabled])) {
-  cursor: var(--ids-cursor-resize-x);
-}
-
-:host(ids-draggable[axis=y]:not([disabled])) {
-  cursor: var(--ids-cursor-resize-y);
-}
-
-ids-draggable[is-dragging]:not([handle]) {
-  cursor: var(--ids-cursor-grabbing);
-}

package/components/ids-drawer/ids-drawer.css

@@ -1,72 +0,0 @@
-:root {
-  display: block;
-  position: fixed;
-  transition: box-shadow var(--ids-transition-length) var(--ids-transition-ease), transform var(--ids-transition-length) var(--ids-transition-ease);
-}
-
-:host([edge=bottom]) {
-  bottom: 0;
-  left: 0;
-  right: 0;
-  transform: translateY(100%);
-}
-
-:host([edge=bottom][visible]) {
-  transform: translateY(0);
-}
-
-:host([edge=start]:not([dir])) {
-  bottom: 0;
-  left: 0;
-  top: 0;
-  transform: translateX(-100%);
-}
-
-:host([edge=start][visible]) {
-  transform: translateX(0);
-}
-
-:host([dir=rtl][edge=start]) {
-  bottom: 0;
-  right: 0;
-  top: 0;
-  transform: translateX(100%);
-}
-
-:host([dir=rtl][edge=start][visible]) {
-  transform: translateX(0);
-}
-
-.ids-drawer {
-  height: 100%;
-  width: 100%;
-}
-.ids-drawer.type-action-sheet {
-  background-color: var(--ids-drawer-action-sheet-background-color);
-  box-shadow: var(--ids-drawer-action-sheet-box-shadow);
-  color: var(--ids-drawer-action-sheet-text-color);
-  padding: var(--ids-spacing-xl);
-  margin: 0 auto;
-  max-height: 70vh;
-  max-width: 480px;
-  min-height: 150px;
-  border-top-left-radius: 15px;
-  border-top-right-radius: 15px;
-}
-.ids-drawer.type-app-menu {
-  background-color: var(--ids-drawer-app-menu-background-color);
-  color: var(--ids-drawer-app-menu-text-color);
-  min-width: var(--ids-drawer-width);
-  width: var(--ids-drawer-width);
-}
-.ids-drawer.type-app-menu ::slotted(ids-text) {
-  color: inherit;
-}
-.ids-drawer.type-app-menu.visible {
-  box-shadow: var(--ids-drawer-app-menu-box-shadow);
-}
-@media (min-width: 840px) {
-  .ids-drawer.type-app-menu.visible {
-    box-shadow: none;
-  }
-}

package/components/ids-dropdown/ids-dropdown.css

@@ -1,168 +0,0 @@
-/* Ids Dropdown Component */
-.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);
-}
-
-:root {
-  display: block;
-}
-:host .ids-dropdown {
-  display: inline-block;
-  max-width: 100%;
-}
-
-ids-trigger-field[readonly-background]:not([disabled])::part(input) {
-  cursor: var(--ids-cursor-pointer);
-}
-
-.ids-dropdown {
-  display: block;
-  position: relative;
-}
-.ids-dropdown ids-trigger-field[size=full] {
-  display: block;
-}
-.ids-dropdown.full {
-  display: block;
-}
-.ids-dropdown.full ids-trigger-field,
-.ids-dropdown.full .ids-trigger-field {
-  display: block;
-}
-
-.icon-container {
-  color: var(--ids-dropdown-icon-color);
-  margin: 0 0 0 var(--ids-dropdown-text-indent);
-  position: relative;
-  top: 2px;
-}
-
-:host([mode=light]) .typeahead.is-open ids-trigger-field::part(field-container) {
-  background-color: var(--ids-dropdown-typeahead-background-color);
-}
-
-:host([dir=rtl]) .icon-container {
-  margin: 0 var(--ids-dropdown-text-indent) 0 0;
-}
-
-::slotted(.sub-group) {
-  border-top: 1px solid var(--ids-dropdown-separator-border-color);
-  padding-top: var(--ids-dropdown-separator-padding);
-}
-
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container),
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(field-container) {
-  margin: 0;
-  border-radius: 0;
-}
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(label),
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(label) {
-  display: none;
-}
-
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(container) {
-  margin: 0;
-}
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container) {
-  box-shadow: none !important;
-}
-.ids-dropdown.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
-  padding-inline: 16px;
-  height: 50px;
-}
-.ids-dropdown.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
-  padding-inline: 12px;
-  height: 40px;
-}
-.ids-dropdown.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
-  padding-inline: 8px;
-  height: 35px;
-}
-.ids-dropdown.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
-  padding-inline: 4px;
-  height: 30px;
-}
-
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(container) {
-  margin: 1px 0;
-}
-
-:host ids-dropdown-list {
-  max-width: var(--ids-input-width-md);
-}
-
-:host([size=xs]) ids-dropdown-list {
-  max-width: var(--ids-input-width-xs);
-}
-
-:host([size=sm]) ids-dropdown-list {
-  max-width: var(--ids-input-width-sm);
-}
-
-:host([size=mm]) ids-dropdown-list {
-  max-width: var(--ids-input-width-mm);
-}
-
-:host([size=md]) ids-dropdown-list {
-  max-width: var(--ids-input-width-md);
-}
-
-:host([size=lg]) ids-dropdown-list {
-  max-width: var(--ids-input-width-lg);
-}
-
-:host([size=full]) ids-dropdown-list {
-  max-width: var(--ids-input-width-full);
-}
-
-:host ids-dropdown-list,
-:host([size=full]) {
-  width: var(--ids-input-width-full);
-}
-
-:host([list]:not([disabled])) {
-  cursor: var(--ids-cursor-pointer);
-}

package/components/ids-editor/ids-editor.css

@@ -1,301 +0,0 @@
-@charset "UTF-8";
-/* Ids Editor Component */
-.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-editor .hidden {
-  display: none;
-}
-.ids-editor .audible {
-  clip: rect(0, 0, 0, 0);
-  height: 0;
-  line-height: 0;
-  min-height: 0;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-.ids-editor .editor-label {
-  display: flex;
-  align-items: baseline;
-  margin-block-end: var(--ids-spacing-lg);
-}
-.ids-editor .editor-label.required::after {
-  content: "*";
-  color: var(--ids-required-background-color);
-  font-family: var(--ids-editor-font-family);
-  font-size: var(--ids-font-size-lg);
-  margin-inline: var(--ids-spacing-sm);
-  margin-top: -10px;
-  position: relative;
-  top: 1px;
-}
-.ids-editor .editor-label.required.no-required-indicator::after, .ids-editor .editor-label.required:empty::after {
-  content: "";
-}
-.ids-editor.label-state-hidden .editor-label {
-  margin-block-end: var(--ids-spacing-lg);
-}
-.ids-editor.label-state-hidden .editor-label::before {
-  content: " ";
-}
-.ids-editor.label-state-collapsed .editor-label {
-  margin-block-end: var(--ids-spacing-none);
-}
-.ids-editor.label-state-collapsed .editor-label.required::after {
-  content: "";
-}
-.ids-editor .main-container {
-  border-color: var(--ids-editor-border-color);
-  border-radius: var(--ids-editor-border-radius);
-  border-style: var(--ids-editor-border-style);
-  border-width: var(--ids-editor-border-width);
-}
-.ids-editor .main-container:focus-within {
-  border-color: var(--ids-editor-focus-border-color);
-  outline: var(--ids-editor-focus-border-outline);
-  box-shadow: var(--ids-editor-focus-border-shadow);
-}
-.ids-editor .main-container:hover, .ids-editor .main-container:active {
-  border-color: var(--ids-editor-hover-border-color);
-}
-.ids-editor .main-container.error, .ids-editor .main-container.error:hover, .ids-editor .main-container.error:active {
-  border-color: var(--ids-editor-error-border-color);
-  color: var(--ids-editor-error-text-color);
-}
-.ids-editor .main-container.error:focus-within, .ids-editor .main-container.error:hover:focus-within, .ids-editor .main-container.error:active:focus-within {
-  border-color: var(--ids-editor-error-border-color);
-  box-shadow: var(--ids-editor-error-border-shadow);
-}
-.ids-editor .toolbar-container {
-  border-top-left-radius: var(--ids-spacing-xs);
-  border-top-right-radius: var(--ids-spacing-xs);
-}
-.ids-editor ::slotted(ids-toolbar),
-.ids-editor .ids-toolbar {
-  max-width: 100%;
-}
-.ids-editor .editor-content {
-  position: relative;
-}
-.ids-editor[readonly] .editor-label.required::after {
-  content: "";
-}
-.ids-editor[readonly] .toolbar-container {
-  display: none;
-}
-.ids-editor[readonly] .main-container {
-  border-color: var(--ids-editor-readonly-border-color);
-  color: var(--ids-editor-readonly-text-color);
-}
-.ids-editor[readonly] .editor-container,
-.ids-editor[readonly] .source-container {
-  background-color: var(--ids-editor-readonly-background-color);
-}
-.ids-editor[readonly] .editor-container a,
-.ids-editor[readonly] .source-container a {
-  pointer-events: none;
-}
-.ids-editor[readonly] .source-wrapper .line-numbers {
-  background-color: var(--ids-editor-readonly-source-line-numbers-background-color);
-}
-.ids-editor[disabled] .editor-label.required::after {
-  color: var(--ids-required-disabled-background-color);
-}
-.ids-editor[disabled] .toolbar-container {
-  display: none;
-}
-.ids-editor[disabled] .main-container,
-.ids-editor[disabled] .main-container * {
-  border-color: var(--ids-editor-disabled-border-color);
-  color: var(--ids-editor-disabled-text-color);
-  cursor: var(--ids-editor-disabled-cursor);
-  pointer-events: none;
-  user-select: none;
-}
-.ids-editor[disabled] .main-container:hover, .ids-editor[disabled] .main-container:active,
-.ids-editor[disabled] .main-container *:hover,
-.ids-editor[disabled] .main-container *:active {
-  color: var(--ids-editor-disabled-text-color);
-}
-.ids-editor[disabled] .main-container:focus, .ids-editor[disabled] .main-container:focus-within,
-.ids-editor[disabled] .main-container *:focus,
-.ids-editor[disabled] .main-container *:focus-within {
-  border-color: var(--ids-editor-disabled-border-color);
-  box-shadow: none;
-}
-.ids-editor .source-container,
-.ids-editor .editor-container {
-  background-color: var(--ids-editor-background-color);
-  font-family: var(--ids-editor-font-family);
-  outline: var(--ids-editor-outline);
-  line-height: var(--ids-editor-line-height);
-  font-size: var(--ids-editor-font-size);
-  overflow: auto;
-}
-.ids-editor .source-container {
-  height: 317px;
-}
-.ids-editor .editor-container {
-  height: 285px;
-  padding: var(--ids-editor-padding);
-  user-select: text;
-}
-.ids-editor .editor-container a {
-  color: var(--ids-editor-link-text-color);
-  padding: var(--ids-editor-link-padding);
-}
-.ids-editor .editor-container a:hover, .ids-editor .editor-container a:active {
-  color: var(--ids-editor-link-hover-text-color);
-}
-.ids-editor .editor-container a:focus {
-  border-color: var(--ids-editor-link-focus-border-color);
-  border-radius: var(--ids-editor-link-focus-border-radius);
-  border-style: var(--ids-editor-link-focus-border-style);
-  border-width: var(--ids-editor-link-focus-border-width);
-  outline: var(--ids-editor-link-focus-outline);
-  box-shadow: var(--ids-editor-link-focus-box-shadow);
-}
-.ids-editor .editor-container blockquote {
-  border-inline-start: var(--ids-editor-blockquote-border-inline-start);
-  margin-inline-start: var(--ids-editor-blockquote-margin-inline-start);
-  margin-inline-end: var(--ids-editor-blockquote-margin-inline-end);
-  padding-inline-start: var(--ids-editor-blockquote-padding-inline-start);
-}
-.ids-editor .editor-container :is(h1, h2, h3, h4, h5, h6, p, pre, blockquote):first-child {
-  margin-block-start: 0;
-}
-.ids-editor .editor-container[placeholder]:empty::before {
-  content: attr(placeholder);
-  display: inline-block;
-  opacity: 0.7;
-}
-.ids-editor .editor-container[placeholder]:empty:focus::before {
-  content: "";
-}
-.ids-editor .source-wrapper {
-  display: flex;
-  min-height: 100%;
-  padding: var(--ids-editor-source-padding);
-  margin: var(--ids-editor-source-margin);
-}
-.ids-editor .source-wrapper .line-numbers {
-  background-color: var(--ids-editor-source-line-numbers-background-color);
-  color: var(--ids-editor-source-line-numbers-text-color);
-  font-family: var(--ids-editor-font-family);
-  font-weight: var(--ids-editor-source-line-numbers-font-weight);
-  margin: var(--ids-editor-source-line-numbers-margin);
-  padding-block-start: var(--ids-editor-source-line-numbers-padding-block-start);
-  padding-inline: var(--ids-editor-source-line-numbers-padding-inline);
-  line-height: var(--ids-editor-source-line-numbers-line-height);
-  list-style: none;
-  text-align: end;
-}
-.ids-editor .source-wrapper .source-textarea {
-  background-color: var(--ids-editor-source-textarea-background-color);
-  color: var(--ids-editor-source-textarea-text-color);
-  border: var(--ids-editor-source-textarea-border);
-  font-family: var(--ids-editor-font-family);
-  font-size: var(--ids-editor-font-size);
-  line-height: var(--ids-editor-source-textarea-line-height);
-  padding-block-start: var(--ids-editor-source-textarea-padding-block-start);
-  padding-inline: var(--ids-editor-source-textarea-padding-inline);
-  outline: var(--ids-editor-source-textarea-outline);
-  overflow: hidden;
-  resize: none;
-  height: 100%;
-  width: 100%;
-}