@dev-tcloud/tcloud-ui 6.6.4 → 6.8.1

package/public-api.d.ts

@@ -19,8 +19,12 @@ export * from './lib/_modules/tcloud-ui-data-list/tcloud-ui-data-list.component'
 export * from './lib/_modules/tcloud-ui-multi-input/tcloud-ui-multi-input.component';
 export * from './lib/_modules/tcloud-ui-choice-issues/tcloud-ui-choice-issues.component';
 export * from './lib/_modules/tcloud-ui-input-search/tcloud-ui-input-search.component';
+export * from './lib/_modules/tcloud-ui-input-container/tcloud-ui-input-container.component';
 export * from './lib/_modules/tcloud-ui-not-found/tcloud-ui-not-found.component';
 export * from './lib/_modules/tcloud-ui-table/tcloud-ui-table.component';
+export * from './lib/_modules/tcloud-ui-tab-group/tcloud-ui-tab-group.component';
+export * from './lib/_modules/tcloud-ui-tab-group/tcloud-ui-tab-item/tcloud-ui-tab-item.component';
+export * from './lib/_modules/tcloud-ui-toast/tcloud-ui-toast.component';
 export * from './lib/_modules/tcloud-ui-number-step/tcloud-ui-number-step.component';
 export * from './lib/_modules/tcloud-ui-scroll-box/tcloud-ui-scroll-box.component';
 export * from './lib/_modules/tcloud-ui-filters/components/range-date/range-date.component';
@@ -29,6 +33,18 @@ export * from './lib/_modules/tcloud-ui-filters/tcloud-ui-filters.component';
 export * from './lib/_modules/tcloud-ui-accordion/components/tcloud-ui-accordion-body/tcloud-ui-accordion-body.component';
 export * from './lib/_modules/tcloud-ui-accordion/components/tcloud-ui-accordion-title/tcloud-ui-accordion-title.component';
 export * from './lib/_modules/tcloud-ui-accordion/tcloud-ui-accordion.component';
+export * from './lib/_modules/tcloud-ui-breadcrumb/tcloud-ui-breadcrumb.component';
+export * from './lib/_modules/tcloud-ui-breadcrumb/tcloud-ui-breadcrumb.service';
+export * from './lib/_modules/tcloud-ui-card/tcloud-ui-card.component';
+export * from './lib/_modules/tcloud-ui-card-accordion/tcloud-ui-card-accordion.component';
+export * from './lib/_modules/tcloud-ui-card-title/tcloud-ui-card-title.component';
+export * from './lib/_modules/tcloud-ui-dropdown/tcloud-ui-dropdown.component';
+export * from './lib/_modules/tcloud-ui-dropdown-multi/tcloud-ui-dropdown-multi.component';
+export * from './lib/_modules/tcloud-ui-empty-content/tcloud-ui-empty-content.component';
+export * from './lib/_modules/tcloud-ui-faq/tcloud-ui-faq.component';
+export * from './lib/_modules/tcloud-ui-message/tcloud-ui-message.component';
+export * from './lib/_modules/tcloud-ui-tag/tcloud-ui-tag.component';
+export * from './lib/_modules/tcloud-ui-skeleton-loading/tcloud-ui-skeleton-loading.component';
 export * from './lib/_modules/tcloud-ui-datepicker/tcloud-ui-datepicker.component';
 export * from './lib/_modules/tcloud-ui-datepicker-time/tcloud-ui-datepicker-time.component';
 export * from './lib/_modules/tcloud-ui-multiples-values/tcloud-ui-multiples-values.component';
@@ -43,6 +59,7 @@ export * from './lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.compon
 export * from './lib/_modules/tcloud-ui-line-step-title/tcloud-ui-line-step-title';
 export * from './lib/_modules/tcloud-ui-line-step-title/tcloud-ui-line-step-title.component';
 export * from './lib/_directives/align/align.directive';
+export * from './lib/_modules/tcloud-ui-checkbox/tcloud-ui-checkbox.directive';
 export * from './lib/_directives/currency/currency.directive';
 export * from './lib/_directives/el-copy/el-copy.directive';
 export * from './lib/_directives/hover-parent/hover-parent.directive';
@@ -72,10 +89,10 @@ export * from './lib/revitalizacao/components/tc-rev-card-accordion/tc-rev-card-
 export * from './lib/revitalizacao/components/tc-rev-card-title/tc-rev-card-title.component';
 export * from './lib/revitalizacao/components/tc-rev-card/tc-rev-card.component';
 export * from './lib/revitalizacao/components/tc-rev-checkbox/tc-rev-checkbox.directive';
+export { TcRevDropdownComponent } from './lib/revitalizacao/components/tc-rev-dropdown/tc-rev-dropdown.component';
 export * from './lib/revitalizacao/components/tc-rev-dropdown-grouped/tc-rev-dropdown-grouped.component';
+export { TcRevDropdownMultiComponent } from './lib/revitalizacao/components/tc-rev-dropdown-multi/tc-rev-dropdown-multi.component';
 export * from './lib/revitalizacao/components/tc-rev-dropdown-multi-level/tc-rev-dropdown-multi-level.component';
-export * from './lib/revitalizacao/components/tc-rev-dropdown-multi/tc-rev-dropdown-multi.component';
-export * from './lib/revitalizacao/components/tc-rev-dropdown/tc-rev-dropdown.component';
 export * from './lib/revitalizacao/charts/echarts';
 export * from './lib/revitalizacao/components/tc-rev-empty-content/tc-rev-empty-content.component';
 export * from './lib/revitalizacao/components/tc-rev-faq/tc-rev-faq.component';

package/scss/tcloud-ui/components/_tcloud-ui-checkbox.scss

@@ -0,0 +1,116 @@
+input[type='checkbox'].tcloud-ui-input-checkbox, input[type='checkbox'].tcloud-ui-checkbox {
+  position: initial;
+  margin: initial;
+
+  &:after,
+  &:before {
+    content: '';
+    position: initial;
+    border-radius: initial;
+    background: initial;
+    z-index: initial;
+  }
+
+  &:after {
+    height: initial;
+    width: initial;
+    left: initial;
+    top: initial;
+    margin: initial;
+    border: initial;
+  }
+
+  &:checked:before {
+    background: initial;
+    height: initial;
+    width: initial;
+    margin: initial;
+    z-index: initial;
+
+    left: initial;
+    top: initial;
+    border: initial;
+    border-width: initial;
+    transform: initial;
+  }
+
+  &:checked:after {
+    border-color: initial;
+  }
+}
+
+input[type='checkbox'].tcloud-ui-input-checkbox, input[type='checkbox'].tcloud-ui-checkbox {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 20px;
+  height: 20px;
+  border: 1.5px solid var(--c-neutral-700);
+  border-radius: 2px;
+  background: #fff;
+  cursor: pointer;
+  position: relative;
+  outline: none;
+  transition: border-color 0.2s, background 0.2s;
+  display: inline-block;
+  vertical-align: middle;
+
+  &:before {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 2px;
+    background: var(--c-neutral-50);
+    transition: background 0.2s, border-color 0.2s;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 4px;
+    left: 2px;
+    width: 14px;
+    height: 10px;
+    background: none;
+    mask: none;
+    -webkit-mask: none;
+    pointer-events: none;
+    z-index: 2;
+    transition: background 0.2s;
+  }
+
+  &:checked {
+    border-color: var(--c-primary-500);
+    background: var(--c-primary-500);
+  }
+
+  &:checked:before {
+    background: var(--c-primary-500);
+  }
+
+  &:checked:after {
+    background: #fff;
+    mask: url('data:image/svg+xml;utf8,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.5L5 9L13 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
+      no-repeat center/contain;
+    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.5L5 9L13 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
+      no-repeat center/contain;
+  }
+
+  &:disabled {
+    border-color: var(--c-neutral-300);
+    cursor: not-allowed;
+
+    &:checked {
+      background: var(--c-neutral-300);
+
+      &::before {
+        background: var(--c-neutral-300);
+      }
+    }
+  }
+}