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

package/components/ids-tabs/ids-tabs.css

@@ -1,299 +0,0 @@
-:host(:not([hidden])) {
-  display: block;
-}
-
-:host(ids-tab:not([orientation=vertical]):not([color-variant=module]):first-child),
-:host(ids-tab-more:not([orientation=vertical]):not([color-variant=module]):first-child),
-.ids-tabs-container:not(.orientation-vertical):not(.color-variant-module) [class*=ids-tab]:first-child {
-  margin-inline-start: 4px;
-}
-
-:host(ids-tab:not([orientation=vertical]):not([color-variant=module]):last-child),
-:host(ids-tab-more:not([orientation=vertical]):not([color-variant=module]):last-child),
-.ids-tabs-container:not(.orientation-vertical):not(.color-variant-module) [class*=ids-tab]:last-child {
-  margin-inline-end: 4px;
-}
-
-:host(ids-tab:not([orientation=vertical]):not([color-variant=module]):not(:last-child)),
-:host(ids-tab-more:not([orientation=vertical]):not([color-variant=module]):not(:last-child)),
-.ids-tabs-container:not(.orientation-vertical):not(.color-variant-module) [class*=ids-tab]:not(:last-child) {
-  margin-inline-end: 8px;
-}
-
-:host(ids-tab[color-variant=module]:not(:last-child)),
-.ids-tabs-container.color-variant-module .ids-tab:not(:last-child) {
-  border-right: 1px solid var(--ids-tab-module-border-right-color);
-}
-
-:host(ids-tab[color-variant=module]:not([orientation=vertical]):not([actionable])),
-:host(ids-tab-more[color-variant=module]:not([orientation=vertical]):not([actionable])),
-.ids-tab-container.color-variant-module:not(.orientation-vertical):not(.actionable) [class*=ids-tab] {
-  flex-grow: 1;
-}
-
-:host(ids-tab:focus-visible),
-:host(ids-tab-more:focus-visible),
-.ids-tab-container [class*=ids-tab]:focus-visible {
-  outline: none;
-}
-
-:host(ids-tab-more) {
-  margin-block-end: auto;
-}
-
-::slotted(ids-icon) {
-  color: currentColor;
-  pointer-events: none;
-}
-
-::slotted(ids-trigger-button) {
-  color: currentColor;
-  height: fit-content;
-  place-self: center;
-}
-
-:host([count]) ::slotted(ids-trigger-button) {
-  padding-inline-start: 8px;
-}
-
-.ids-tab {
-  padding-inline: 4px;
-  border: 1px solid;
-  box-sizing: border-box;
-  position: relative;
-  display: flex;
-  list-style: none outside none;
-  border-color: transparent;
-  height: 100%;
-  user-select: none;
-  /* stylelint-disable-next-line no-duplicate-selectors */
-}
-.ids-tab:not(.hide-focus):focus-visible, .ids-tab:not(.hide-focus):focus, .ids-tab:not(.hide-focus):focus-within {
-  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);
-  border-style: solid;
-  outline: none;
-}
-.ids-tab:not(.selected) {
-  cursor: pointer;
-}
-.ids-tab.selected {
-  cursor: default;
-}
-.ids-tab.selected.ids-text {
-  font-weight: 700;
-}
-.ids-tab .ids-tab-trigger-container {
-  display: flex;
-  place-content: center;
-}
-.ids-tab.actionable {
-  cursor: pointer;
-}
-.ids-tab.count {
-  padding-inline: 12px;
-}
-.ids-tab.count .ids-tab-count-container {
-  display: flex;
-  flex-direction: column;
-}
-.ids-tab.disabled {
-  cursor: default;
-  pointer-events: none;
-}
-.ids-tab:not(.orientation-vertical) {
-  padding-bottom: 8px;
-  border-bottom-width: 0;
-}
-.ids-tab:not(.orientation-vertical):not(.count) {
-  padding-top: 8px;
-}
-.ids-tab:not(.orientation-vertical):not(.color-variant-module) {
-  border-radius: var(--ids-border-radius-xs);
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.ids-tab:not(.orientation-vertical):not(.color-variant-module)::after, .ids-tab:not(.orientation-vertical):not(.color-variant-module) .selection-underline {
-  position: absolute;
-  bottom: 0;
-  height: 3px;
-  left: -1px;
-  width: calc(100% + 2px);
-  z-index: 1;
-  pointer-events: none;
-  content: "";
-}
-.ids-tab:not(.orientation-vertical):not(.color-variant-module).disabled::after, .ids-tab:not(.orientation-vertical):not(.color-variant-module).disabled .selection-underline {
-  display: none;
-}
-.ids-tab:not(.orientation-vertical).color-variant-module {
-  justify-content: center;
-}
-.ids-tab.orientation-vertical {
-  padding-inline: 24px;
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  flex-direction: column;
-  width: 100%;
-  height: 42px;
-}
-.ids-tab.orientation-vertical.selected:not(.hide-focus):focus::before {
-  border: 1px solid;
-  position: absolute;
-  top: 1px;
-  left: 1px;
-  width: calc(100% - 4px);
-  height: calc(100% - 4px);
-  content: "";
-  pointer-events: none;
-}
-.ids-tab ids-text::part(text),
-.ids-tab .ids-tab.ids-text {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-}
-.ids-tab ids-text::part(text)::after, .ids-tab.ids-tab.ids-text::after {
-  font-weight: 700;
-  content: attr(data-text);
-  content: attr(data-text)/"";
-  visibility: hidden;
-  height: 0;
-  user-select: none;
-  pointer-events: none;
-}
-@media speech {
-  .ids-tab ids-text::part(text)::after, .ids-tab.ids-tab.ids-text::after {
-    display: none;
-  }
-}
-.ids-tab.color-variant-module > ids-text,
-.ids-tab.color-variant-module > .ids-text {
-  text-align: center;
-}
-.ids-tab.color-variant-module:not(.actionable) {
-  min-width: 135px;
-}
-.ids-tab.color-variant-module.actionable {
-  min-width: 44px;
-}
-.ids-tab.color-variant-module.dismissible {
-  justify-content: space-around;
-}
-.ids-tab.color-variant-module.dismissible > ids-text,
-.ids-tab.color-variant-module.dismissible > .ids-text {
-  flex-grow: 1;
-}
-.ids-tab.color-variant-module.dismissible ::slotted(ids-trigger-button),
-.ids-tab.color-variant-module.dismissible > .ids-trigger-button,
-.ids-tab.color-variant-module.dismissible > ids-trigger-button {
-  flex-grow: 0;
-  flex-shrink: 1;
-}
-.ids-tab.color-variant-module:not(.hide-focus):focus-visible:not(.disabled)::before, .ids-tab.color-variant-module:not(.hide-focus):focus:not(.disabled)::before, .ids-tab.color-variant-module:not(.hide-focus):focus-within:not(.disabled)::before {
-  border: 1px solid;
-  position: absolute;
-  top: 1px;
-  left: 1px;
-  width: calc(100% - 4px);
-  height: calc(100% - 4px);
-  content: "";
-  pointer-events: none;
-}
-.ids-tab.swappable {
-  padding-inline-start: 8px;
-}
-.ids-tab:not([class*=color-variant-]) {
-  color: var(--ids-tab-text-color);
-}
-.ids-tab:not([class*=color-variant-]):hover {
-  color: var(--ids-tab-hover-text-color);
-  background-color: var(--ids-tab-hover-background-color);
-}
-.ids-tab:not([class*=color-variant-]).selected {
-  color: var(--ids-tab-selected-text-color);
-}
-.ids-tab:not([class*=color-variant-]):focus-within, .ids-tab:not([class*=color-variant-]):focus-visible, .ids-tab:not([class*=color-variant-]):focus {
-  border-color: var(--ids-tab-focus-border-color);
-  background-color: var(--ids-tab-focus-background-color);
-}
-.ids-tab:not([class*=color-variant-]).disabled {
-  color: var(--ids-tab-disabled-text-color);
-}
-.ids-tab:not([class*=color-variant-]):not(.orientation-vertical):hover::after, .ids-tab:not([class*=color-variant-]):not(.orientation-vertical):hover .selection-underline {
-  background-color: var(--ids-tab-hover-text-color);
-}
-.ids-tab:not([class*=color-variant-]):not(.orientation-vertical).selected::after, .ids-tab:not([class*=color-variant-]):not(.orientation-vertical).selected .selection-underline {
-  background-color: var(--ids-tab-selected-text-color);
-}
-.ids-tab:not([class*=color-variant-]).orientation-vertical.selected {
-  border-style: none;
-  background-color: var(--ids-tab-vertical-selected-background-color);
-  color: var(--ids-tab-vertical-selected-text-color);
-}
-.ids-tab:not([class*=color-variant-]).orientation-vertical.selected:not(.hide-focus):focus {
-  border-style: none;
-}
-.ids-tab:not([class*=color-variant-]).orientation-vertical.selected:not(.hide-focus):focus::before {
-  border-color: var(--ids-tab-vertical-selected-border-color);
-}
-.ids-tab.color-variant-alternate {
-  color: var(--ids-tab-alternate-text-color);
-}
-.ids-tab.color-variant-alternate:hover {
-  color: var(--ids-tab-alternate-hover-text-color);
-}
-.ids-tab.color-variant-alternate:hover::after {
-  background-color: var(--ids-tab-alternate-hover-background-color);
-}
-.ids-tab.color-variant-alternate:not(.hide-focus):focus-visible, .ids-tab.color-variant-alternate:not(.hide-focus):focus, .ids-tab.color-variant-alternate:not(.hide-focus):focus-within {
-  border-color: var(--ids-tab-alternate-focus-border-color);
-}
-.ids-tab.color-variant-alternate.selected {
-  color: var(--ids-tab-alternate-selected-text-color);
-}
-.ids-tab.color-variant-alternate.disabled {
-  color: var(--ids-tab-alternate-disabled-text-color);
-}
-.ids-tab.color-variant-alternate.disabled.selected {
-  color: var(--ids-tab-alternate-disabled-text-color);
-}
-.ids-tab.color-variant-alternate:not(.orientation-vertical).selected::after, .ids-tab.color-variant-alternate:not(.orientation-vertical).selected .selection-underline {
-  background-color: var(--ids-tab-altenrate-horizontal-background-color);
-}
-.ids-tab.color-variant-module {
-  background-color: var(--ids-tab-module-background-color);
-  color: var(--ids-tab-module-text-color);
-}
-.ids-tab.color-variant-module:hover {
-  color: var(--ids-tab-module-hover-text-color);
-  background-color: var(--ids-tab-module-hover-background-color);
-  border-color: transparent;
-}
-.ids-tab.color-variant-module.selected {
-  background-color: var(--ids-tab-module-selected-background-color);
-  color: var(--ids-tab-module-selected-text-color);
-}
-.ids-tab.color-variant-module.disabled {
-  background-color: var(--ids-tab-module-disabled-background-color);
-  color: var(--ids-tab-module-disabled-text-color);
-}
-
-.tab-more-text {
-  display: inline-flex;
-  align-items: center;
-}
-.tab-more-text > *:not(.last-child) {
-  padding-inline-end: 4px;
-}
-.tab-more-text ids-text,
-.tab-more-text .ids-text {
-  display: inline-block;
-}
-
-ids-popup-menu,
-.ids-popup-menu {
-  position: absolute;
-  width: 100%;
-}

package/components/ids-tag/ids-tag.css

@@ -1,110 +0,0 @@
-/* Ids Tag Component */
-.ids-tag {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-color: var(--ids-tag-background-color);
-  border: 1px solid var(--ids-tag-border-color);
-  border-radius: var(--ids-tag-border-radius);
-  font-family: var(--ids-font-family);
-  font-size: var(--ids-tag-font-size);
-  color: var(--ids-tag-text-color);
-  display: inline-flex;
-  margin-inline-end: var(--ids-spacing-md);
-  padding-inline: var(--ids-spacing-lg);
-  padding-bottom: var(--ids-spacing-sm);
-  contain: content;
-}
-.ids-tag.secondary {
-  background-color: var(--ids-tag-secondary-background-color);
-  border-color: var(--ids-tag-secondary-border-color);
-}
-.ids-tag.info {
-  background-color: var(--ids-color-info);
-  border-color: var(--ids-color-info);
-  color: var(--ids-color-info-00);
-}
-.ids-tag.success {
-  background-color: var(--ids-color-success);
-  border-color: var(--ids-color-success);
-  color: var(--ids-color-success-00);
-}
-.ids-tag.warning {
-  background-color: var(--ids-color-warning);
-  border-color: var(--ids-color-warning);
-  color: var(--ids-color-warning-00);
-}
-.ids-tag.caution {
-  background-color: var(--ids-color-caution);
-  border-color: var(--ids-color-caution);
-  color: var(--ids-color-caution-00);
-}
-.ids-tag.error {
-  background-color: var(--ids-color-error);
-  border-color: var(--ids-color-error);
-  color: var(--ids-color-error-00);
-}
-.ids-tag.focusable {
-  cursor: var(--ids-cursor-pointer);
-}
-.ids-tag.focusable:focus {
-  cursor: var(--ids-cursor-pointer);
-  border-color: var(--ids-focus-border-color);
-  outline: var(--ids-focus-outline);
-  box-shadow: var(--ids-focus-box-shadow);
-}
-
-:host-context(ids-data-grid-cell) .ids-tag {
-  display: inline;
-  margin-bottom: var(--ids-spacing-none);
-}
-
-:host([dismissible]) .ids-tag {
-  cursor: var(--ids-cursor-default);
-}
-
-:host([disabled]) ::slotted(ids-icon) {
-  cursor: var(--ids-cursor-default);
-  color: var(--ids-tag-disabled-text-color);
-}
-:host([disabled]) .ids-tag {
-  background-color: var(--ids-input-readonly-background-color);
-  border-color: var(--ids-input-readonly-background-color);
-  color: var(--ids-tag-disabled-text-color);
-}
-:host([disabled]) .ids-tag.secondary {
-  background-color: var(--ids-input-background-color);
-  border-color: var(--ids-text-color-disabled);
-  color: var(--ids-tag-secondary-disabled-text-color);
-}
-:host([disabled]) .ids-tag.secondary ::slotted(ids-icon) {
-  color: var(--ids-tag-secondary-disabled-text-color);
-}
-
-::slotted(ids-icon) {
-  cursor: var(--ids-cursor-pointer);
-  align-self: center;
-  display: inline-flex;
-  padding-inline-start: var(--ids-spacing-md);
-  padding-top: var(--ids-spacing-xs);
-  color: var(--ids-input-text-color);
-}
-
-::slotted(ids-icon:hover) {
-  color: var(--ids-tag-icon-hover-color);
-}
-
-:host(.multiselect-tag) .ids-tag {
-  background-color: var(--ids-input-background-color);
-  border-color: var(--ids-input-border-color);
-  margin-bottom: var(--ids-spacing-md);
-}
-
-:host([disabled].multiselect-tag) .ids-tag {
-  background-color: var(--ids-input-background-color);
-  border-color: var(--ids-text-color-disabled);
-  color: var(--ids-text-color-disabled);
-  pointer-events: none;
-}
-:host([disabled].multiselect-tag) ::slotted(ids-icon) {
-  color: var(--ids-text-color-disabled);
-}

package/components/ids-text/ids-text.css

@@ -1,221 +0,0 @@
-/* Ids Text Component */
-:host([overflow=ellipsis]) {
-  max-width: 100%;
-}
-
-.ids-text {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-font-family);
-  font-weight: var(--ids-font-weight-normal);
-  display: block;
-  margin: 0;
-  color: currentColor;
-  font-size: var(--ids-font-size-md);
-  text-decoration: unset;
-}
-.ids-text.audible {
-  clip: rect(0, 0, 0, 0);
-  height: 0;
-  line-height: 0;
-  min-height: 0;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-  position: none;
-}
-.ids-text.error {
-  color: var(--ids-text-color-error);
-}
-.ids-text.label {
-  color: var(--ids-text-color-label);
-}
-.ids-text.label.color-variant-alternate {
-  color: var(--ids-color-on-text);
-}
-.ids-text.ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ids-text.bold {
-  font-weight: var(--ids-font-weight-bold);
-}
-.ids-text.semi-bold {
-  font-weight: var(--ids-font-weight-semi-bold);
-}
-.ids-text.lighter {
-  font-weight: var(--ids-font-weight-lighter);
-}
-.ids-text.text-align-start {
-  text-align: start;
-}
-.ids-text.text-align-end {
-  text-align: end;
-}
-.ids-text.text-align-center {
-  text-align: center;
-}
-.ids-text.text-align-justify {
-  text-align: justify;
-}
-.ids-text.status-base::before, .ids-text.status-error::before, .ids-text.status-info::before, .ids-text.status-success::before, .ids-text.status-warning::before {
-  display: inline-flex;
-  margin-inline-end: var(--ids-input-margin-bottom);
-  border-radius: var(--ids-border-radius-round);
-  content: "";
-  height: 8px;
-  width: 8px;
-}
-.ids-text.status-base {
-  color: var(--ids-text-color-label);
-}
-.ids-text.status-base::before {
-  background-color: var(--ids-text-color-label);
-}
-.ids-text.status-error {
-  color: var(--ids-text-color-error);
-}
-.ids-text.status-error::before {
-  background-color: var(--ids-text-color-error);
-}
-.ids-text.status-info {
-  color: var(--ids-text-color-info);
-}
-.ids-text.status-info::before {
-  background-color: var(--ids-text-color-info);
-}
-.ids-text.status-success {
-  color: var(--ids-text-color-success);
-}
-.ids-text.status-success::before {
-  background-color: var(--ids-text-color-success);
-}
-.ids-text.status-warning {
-  color: var(--ids-text-color-success);
-}
-.ids-text.status-warning::before {
-  background-color: var(--ids-text-color-warning);
-}
-
-:host(.inline) .ids-text {
-  display: inline;
-}
-
-.inline,
-[display=inline] {
-  display: inline;
-}
-
-.ids-text-color-unset {
-  color: unset;
-}
-
-:host(.message-text) .ids-text {
-  color: unset;
-}
-:host(.message-text) .ids-text.error {
-  color: unset;
-}
-
-::slotted(.audible) {
-  clip: rect(0, 0, 0, 0);
-  height: 0;
-  line-height: 0;
-  min-height: 0;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-::slotted(.filter) {
-  font-weight: var(--ids-font-weight-bold);
-}
-
-/* Ids Typography System */
-.ids-text-10 {
-  font-size: var(--ids-font-size-xxs);
-  text-transform: uppercase;
-}
-
-.ids-text-12 {
-  font-size: var(--ids-font-size-xs);
-  text-transform: uppercase;
-}
-
-.ids-text-14 {
-  font-size: var(--ids-font-size-sm);
-}
-
-.ids-text-16 {
-  font-size: var(--ids-font-size-md);
-}
-
-.ids-text-20 {
-  font-size: var(--ids-font-size-lg);
-}
-
-.ids-text-24 {
-  font-size: var(--ids-font-size-xl);
-}
-
-.ids-text-28 {
-  font-size: var(--ids-font-size-xxl);
-}
-
-.ids-text-32 {
-  font-size: var(--ids-font-size-3xl);
-}
-
-.ids-text-40 {
-  font-size: var(--ids-font-size-4xl);
-}
-
-.ids-text-48 {
-  font-size: var(--ids-font-size-5xl);
-}
-
-.ids-text-60 {
-  font-size: var(--ids-font-size-6xl);
-}
-
-.ids-text-72 {
-  font-size: var(--ids-font-size-7xl);
-  margin-block-end: 0;
-}
-
-.ids-text-color-muted.ids-text,
-:host([disabled]) .ids-text {
-  color: var(--ids-text-color-disabled);
-}
-.ids-text-color-muted.ids-text.label,
-:host([disabled]) .ids-text.label {
-  color: var(--ids-text-color-disabled);
-}
-.ids-text-color-muted.ids-text.color-variant-alternate.label,
-:host([disabled]) .ids-text.color-variant-alternate.label {
-  color: var(--ids-text-color-subtle);
-}
-.ids-text-color-muted.ids-text.status-base, .ids-text-color-muted.ids-text.status-error, .ids-text-color-muted.ids-text.status-info, .ids-text-color-muted.ids-text.status-success, .ids-text-color-muted.ids-text.status-warning,
-:host([disabled]) .ids-text.status-base,
-:host([disabled]) .ids-text.status-error,
-:host([disabled]) .ids-text.status-info,
-:host([disabled]) .ids-text.status-success,
-:host([disabled]) .ids-text.status-warning {
-  color: var(--ids-text-color-disabled);
-}
-.ids-text-color-muted.ids-text.status-error::before, .ids-text-color-muted.ids-text.status-info::before, .ids-text-color-muted.ids-text.status-success::before, .ids-text-color-muted.ids-text.status-warning::before,
-:host([disabled]) .ids-text.status-error::before,
-:host([disabled]) .ids-text.status-info::before,
-:host([disabled]) .ids-text.status-success::before,
-:host([disabled]) .ids-text.status-warning::before {
-  background-color: var(--ids-text-color-disabled);
-}
-
-:host([class=label-checkbox]) .audible {
-  position: relative;
-  line-height: 1;
-  height: unset;
-}