tdesign-react 0.45.6-alpha.1 → 0.45.6-alpha.2

package/es/calendar/style/index.css

@@ -1 +1,336 @@
-.t-calendar{font:var(--td-font-body-medium);color:var(--td-text-color-primary);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;border:1px solid var(--td-border-level-1-color);background-color:var(--td-bg-color-container);border-radius:var(--td-radius-large)}.t-calendar .t-is-disabled.t-calendar__table-body-cell:hover{cursor:not-allowed}.t-calendar .t-is-disabled .t-calendar__table-body-cell-display{color:var(--td-text-color-disabled)}.t-calendar .t-is-disabled .t-calendar__table-body-cell-display:hover{-webkit-box-shadow:none;box-shadow:none}.t-calendar--full{min-width:560px;padding:var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl)}.t-calendar--full .t-calendar__control{padding:0}.t-calendar--full .t-calendar__title{font:var(--td-font-title-large);-webkit-box-flex:1;-ms-flex:1;flex:1}.t-calendar--full .t-calendar__panel{position:relative;margin-top:var(--td-comp-margin-xxxl)}.t-calendar--full .t-calendar__panel-title{font:var(--td-font-title-large);color:var(--td-text-color-primary);position:absolute}.t-calendar--full .t-calendar__table-body-cell,.t-calendar--full .t-calendar__table-head-cell{margin-right:var(--td-comp-margin-s);position:relative}.t-calendar--full .t-calendar__table-body-cell{border-top:2px solid var(--td-border-level-1-color);padding:0;height:104px;line-height:var(--td-line-height-body-medium);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:0;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:border-top,background;transition-property:border-top,background;-webkit-transition-timing-function:linear;transition-timing-function:linear}.t-calendar--full .t-calendar__table-body-cell-content{padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xs);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.t-calendar--full .t-calendar__table-body-cell.t-is-checked,.t-calendar--full .t-calendar__table-body-cell.t-is-checked:hover{background-color:var(--td-brand-color-light)}.t-calendar--full .t-calendar__table-body-cell--now{border-top:2px solid var(--td-brand-color)}.t-calendar--full .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display{color:var(--td-text-color-primary)}.t-calendar--full .t-calendar__footer{height:90px;padding:var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);border-top:1px solid var(--td-border-level-1-color)}.t-calendar--card{width:280px;border-radius:var(--td-radius-medium);padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m)}.t-calendar--card .t-calendar__control{padding:0}.t-calendar--card .t-calendar__control-section{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.t-calendar--card .t-calendar__control-section-cell:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;display:block}.t-calendar--card .t-calendar__panel.t-calendar__panel--month{height:200px;margin-top:var(--td-comp-margin-m)}.t-calendar--card .t-calendar__panel.t-calendar__panel--year{height:168px;margin-top:var(--td-comp-margin-m)}.t-calendar--card .t-calendar__panel.t-calendar__panel--year .t-calendar__table-body-cell-display{min-width:var(--td-comp-size-xxl)}.t-calendar--card .t-calendar__table{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;justify-self:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.t-calendar--card .t-calendar__table-body-row,.t-calendar--card .t-calendar__table-head-row{-webkit-box-flex:1;-ms-flex:1;flex:1;background:var(--td-bg-color-container)}.t-calendar--card .t-calendar__table-body-cell,.t-calendar--card .t-calendar__table-head-cell{width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font:var(--td-font-body-medium);-webkit-box-sizing:border-box;box-sizing:border-box}.t-calendar--card .t-calendar__table-body-cell-display,.t-calendar--card .t-calendar__table-head-cell-display{width:var(--td-comp-size-xs);line-height:var(--td-comp-size-xs)}.t-calendar--card .t-calendar__table-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;justify-self:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.t-calendar--card .t-calendar__table-body-cell{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t-calendar--card .t-calendar__table-body-cell:hover{background-color:var(--td-bg-color-container)}.t-calendar--card .t-calendar__table-body-cell-display{font:var(--td-font-body-medium);padding-top:calc(var(--td-comp-paddingTB-xxs)/2);padding-bottom:calc(var(--td-comp-paddingTB-xxs)/2);text-align:center;border-radius:var(--td-radius-default);-webkit-transition:all .2s linear;transition:all .2s linear}.t-calendar--card .t-calendar__table-body-cell-display:hover{-webkit-box-shadow:inset 0 0 0 1px var(--td-brand-color);box-shadow:inset 0 0 0 1px var(--td-brand-color);-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear, -webkit-box-shadow .2s linear}.t-calendar--card .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display{color:var(--td-brand-color);background-color:var(--td-brand-color-light);position:relative}.t-calendar--card .t-is-checked .t-calendar__table-body-cell-display{background:var(--td-brand-color);border-radius:var(--td-radius-default);color:var(--td-text-color-anti)}.t-calendar--card .t-calendar__footer{height:var(--td-comp-size-xxl);padding:0 var(--td-comp-paddingLR-m);border-top:1px solid var(--td-border-level-1-color)}.t-calendar__control,.t-calendar__control-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t-calendar__control-section{height:100%}.t-calendar__control-section:last-child{margin-right:0}.t-calendar__control-section-cell{height:100%;margin-right:var(--td-comp-margin-s);display:-webkit-box;display:-ms-flexbox;display:flex}.t-calendar__control-section-cell .t-radio-group{vertical-align:bottom}.t-calendar__control-section-cell .t-select{display:inline}.t-calendar__control-section-cell:last-child{margin-right:0}.t-calendar__panel{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.t-calendar__table{border-collapse:collapse;border-spacing:0;width:100%;height:100%}.t-calendar__table-body,.t-calendar__table-head{width:100%}.t-calendar__table-body-row,.t-calendar__table-head-row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.t-calendar__table-body-cell,.t-calendar__table-head-cell{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font:var(--td-font-title-small);color:var(--td-text-color-primary);cursor:default;padding:0}.t-calendar__table-body-cell:last-child,.t-calendar__table-head-cell:last-child{margin-right:0}.t-calendar__table-head{margin-bottom:var(--td-comp-margin-s);display:block}.t-calendar__table-head-row{padding-bottom:0;background:var(--td-bg-color-container)}.t-calendar__table-head-cell{height:100%;font:var(--td-font-title-small);color:var(--td-text-color-secondary)}.t-calendar__table-body-cell{cursor:pointer}.t-calendar__table-body-cell:hover{background-color:var(--td-bg-color-container-hover);-webkit-transition:background-color .2s linear;transition:background-color .2s linear}.t-calendar__table-body-cell-display{font:var(--td-font-title-small);color:var(--td-text-color-primary)}
+.t-calendar {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  border: 1px solid var(--td-border-level-1-color);
+  background-color: var(--td-bg-color-container);
+  border-radius: var(--td-radius-large);
+}
+.t-calendar .t-is-disabled.t-calendar__table-body-cell:hover {
+  cursor: not-allowed;
+}
+.t-calendar .t-is-disabled .t-calendar__table-body-cell-display {
+  color: var(--td-text-color-disabled);
+}
+.t-calendar .t-is-disabled .t-calendar__table-body-cell-display:hover {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.t-calendar--full {
+  min-width: 560px;
+  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
+}
+.t-calendar--full .t-calendar__control {
+  padding: 0;
+}
+.t-calendar--full .t-calendar__title {
+  font: var(--td-font-title-large);
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.t-calendar--full .t-calendar__panel {
+  position: relative;
+  margin-top: var(--td-comp-margin-xxxl);
+}
+.t-calendar--full .t-calendar__panel-title {
+  font: var(--td-font-title-large);
+  color: var(--td-text-color-primary);
+  position: absolute;
+}
+.t-calendar--full .t-calendar__table-head-cell,
+.t-calendar--full .t-calendar__table-body-cell {
+  margin-right: var(--td-comp-margin-s);
+  position: relative;
+}
+.t-calendar--full .t-calendar__table-body-cell {
+  border-top: 2px solid var(--td-border-level-1-color);
+  padding: 0;
+  height: 104px;
+  line-height: var(--td-line-height-body-medium);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  margin-left: 0;
+  -webkit-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+  -webkit-transition-property: border-top, background;
+  transition-property: border-top, background;
+  -webkit-transition-timing-function: linear;
+          transition-timing-function: linear;
+}
+.t-calendar--full .t-calendar__table-body-cell-content {
+  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xs);
+  width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-calendar--full .t-calendar__table-body-cell.t-is-checked {
+  background-color: var(--td-brand-color-light);
+}
+.t-calendar--full .t-calendar__table-body-cell.t-is-checked:hover {
+  background-color: var(--td-brand-color-light);
+}
+.t-calendar--full .t-calendar__table-body-cell--now {
+  border-top: 2px solid var(--td-brand-color);
+}
+.t-calendar--full .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
+  color: var(--td-text-color-primary);
+}
+.t-calendar--full .t-calendar__footer {
+  height: 90px;
+  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
+  border-top: 1px solid var(--td-border-level-1-color);
+}
+.t-calendar--card {
+  width: 280px;
+  border-radius: var(--td-radius-medium);
+  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
+}
+.t-calendar--card .t-calendar__control {
+  padding: 0;
+}
+.t-calendar--card .t-calendar__control-section {
+  width: 100%;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+}
+.t-calendar--card .t-calendar__control-section-cell:last-child {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  text-align: right;
+  display: block;
+}
+.t-calendar--card .t-calendar__panel.t-calendar__panel--month {
+  height: 200px;
+  margin-top: var(--td-comp-margin-m);
+}
+.t-calendar--card .t-calendar__panel.t-calendar__panel--year {
+  height: 168px;
+  margin-top: var(--td-comp-margin-m);
+}
+.t-calendar--card .t-calendar__panel.t-calendar__panel--year .t-calendar__table-body-cell-display {
+  min-width: var(--td-comp-size-xxl);
+}
+.t-calendar--card .t-calendar__table {
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  justify-self: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+.t-calendar--card .t-calendar__table-head-row,
+.t-calendar--card .t-calendar__table-body-row {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  background: var(--td-bg-color-container);
+}
+.t-calendar--card .t-calendar__table-head-cell,
+.t-calendar--card .t-calendar__table-body-cell {
+  width: 100%;
+  height: 100%;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  font: var(--td-font-body-medium);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-calendar--card .t-calendar__table-head-cell-display,
+.t-calendar--card .t-calendar__table-body-cell-display {
+  width: var(--td-comp-size-xs);
+  line-height: var(--td-comp-size-xs);
+}
+.t-calendar--card .t-calendar__table-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  justify-self: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.t-calendar--card .t-calendar__table-body-cell {
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-calendar--card .t-calendar__table-body-cell:hover {
+  background-color: var(--td-bg-color-container);
+}
+.t-calendar--card .t-calendar__table-body-cell-display {
+  font: var(--td-font-body-medium);
+  padding-top: calc(var(--td-comp-paddingTB-xxs) / 2);
+  padding-bottom: calc(var(--td-comp-paddingTB-xxs) / 2);
+  text-align: center;
+  border-radius: var(--td-radius-default);
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-calendar--card .t-calendar__table-body-cell-display:hover {
+  -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
+          box-shadow: inset 0 0 0 1px var(--td-brand-color);
+  -webkit-transition: -webkit-box-shadow 0.2s linear;
+  transition: -webkit-box-shadow 0.2s linear;
+  transition: box-shadow 0.2s linear;
+  transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
+}
+.t-calendar--card .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
+  color: var(--td-brand-color);
+  background-color: var(--td-brand-color-light);
+  position: relative;
+}
+.t-calendar--card .t-is-checked .t-calendar__table-body-cell-display {
+  background: var(--td-brand-color);
+  border-radius: var(--td-radius-default);
+  color: var(--td-text-color-anti);
+}
+.t-calendar--card .t-calendar__footer {
+  height: var(--td-comp-size-xxl);
+  padding: 0 var(--td-comp-paddingLR-m);
+  border-top: 1px solid var(--td-border-level-1-color);
+}
+.t-calendar__control {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-calendar__control-section {
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-calendar__control-section:last-child {
+  margin-right: 0;
+}
+.t-calendar__control-section-cell {
+  height: 100%;
+  margin-right: var(--td-comp-margin-s);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.t-calendar__control-section-cell .t-radio-group {
+  vertical-align: bottom;
+}
+.t-calendar__control-section-cell .t-select {
+  display: inline;
+}
+.t-calendar__control-section-cell:last-child {
+  margin-right: 0;
+}
+.t-calendar__panel {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100%;
+}
+.t-calendar__table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+  height: 100%;
+}
+.t-calendar__table-head,
+.t-calendar__table-body {
+  width: 100%;
+}
+.t-calendar__table-head-row,
+.t-calendar__table-body-row {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.t-calendar__table-head-cell,
+.t-calendar__table-body-cell {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  font: var(--td-font-title-small);
+  color: var(--td-text-color-primary);
+  cursor: default;
+  padding: 0;
+}
+.t-calendar__table-head-cell:last-child,
+.t-calendar__table-body-cell:last-child {
+  margin-right: 0;
+}
+.t-calendar__table-head {
+  margin-bottom: var(--td-comp-margin-s);
+  display: block;
+}
+.t-calendar__table-head-row {
+  padding-bottom: 0px;
+  background: var(--td-bg-color-container);
+}
+.t-calendar__table-head-cell {
+  height: 100%;
+  font: var(--td-font-title-small);
+  color: var(--td-text-color-secondary);
+}
+.t-calendar__table-body-cell {
+  cursor: pointer;
+}
+.t-calendar__table-body-cell:hover {
+  background-color: var(--td-bg-color-container-hover);
+  -webkit-transition: background-color 0.2s linear;
+  transition: background-color 0.2s linear;
+}
+.t-calendar__table-body-cell-display {
+  font: var(--td-font-title-small);
+  color: var(--td-text-color-primary);
+}

package/es/card/style/index.css

@@ -1 +1,119 @@
-.t-card{font:var(--td-font-body-medium);margin:0;padding:0;list-style:none;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--td-radius-medium);background-color:var(--td-bg-color-container);color:var(--td-text-color-primary);-webkit-transition:-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);transition:-webkit-box-shadow .2s cubic-bezier(.38,0,.24,1);transition:box-shadow .2s cubic-bezier(.38,0,.24,1);transition:box-shadow .2s cubic-bezier(.38,0,.24,1), -webkit-box-shadow .2s cubic-bezier(.38,0,.24,1)}.t-card--bordered{border:1px solid var(--td-component-border)}.t-card--shadow,.t-card--shadow-hover:hover{-webkit-box-shadow:var(--td-shadow-1);box-shadow:var(--td-shadow-1)}.t-card__cover{display:flow-root}.t-card__cover img{display:flow-root;width:100%;max-height:100%;border-radius:var(--td-radius-default) var(--td-radius-default) 0 0}.t-card__body{display:flow-root;padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl)}.t-card__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);position:relative}.t-card__header-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t-card__header+.t-card__cover img{border-radius:0}.t-card__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl)}.t-card__footer-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.t-size-s .t-card__body,.t-size-s .t-card__footer,.t-size-s .t-card__header{padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l)}.t-card__avatar{width:var(--td-comp-size-xxxl);height:var(--td-comp-size-xxxl)}.t-card__avatar,.t-card__title{margin-right:var(--td-comp-margin-l)}.t-card__title{font:var(--td-font-title-medium);color:var(--td-text-color-primary);word-break:break-all}.t-card__description,.t-card__subtitle{font:var(--td-font-body-medium);color:var(--td-text-color-secondary);word-break:break-all}.t-card__description{margin-top:var(--td-comp-margin-xs)}.t-card__actions{float:right;color:var(--td-brand-color)}.t-card__title--bordered{border-bottom:1px solid var(--td-component-border)}
+.t-card {
+  font: var(--td-font-body-medium);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border-radius: var(--td-radius-medium);
+  background-color: var(--td-bg-color-container);
+  color: var(--td-text-color-primary);
+  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+}
+.t-card--bordered {
+  border: 1px solid var(--td-component-border);
+}
+.t-card--shadow-hover:hover,
+.t-card--shadow {
+  -webkit-box-shadow: var(--td-shadow-1);
+          box-shadow: var(--td-shadow-1);
+}
+.t-card__cover {
+  display: flow-root;
+}
+.t-card__cover img {
+  display: flow-root;
+  width: 100%;
+  max-height: 100%;
+  border-radius: var(--td-radius-default) var(--td-radius-default) 0 0;
+}
+.t-card__body {
+  display: flow-root;
+  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
+}
+.t-card__header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
+  position: relative;
+}
+.t-card__header-wrapper {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-card__header + .t-card__cover img {
+  border-radius: 0;
+}
+.t-card__footer {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
+}
+.t-card__footer-wrapper {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.t-size-s .t-card__body {
+  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
+}
+.t-size-s .t-card__header {
+  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
+}
+.t-size-s .t-card__footer {
+  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
+}
+.t-card__avatar {
+  margin-right: var(--td-comp-margin-l);
+  width: var(--td-comp-size-xxxl);
+  height: var(--td-comp-size-xxxl);
+}
+.t-card__title {
+  font: var(--td-font-title-medium);
+  color: var(--td-text-color-primary);
+  margin-right: var(--td-comp-margin-l);
+  word-break: break-all;
+}
+.t-card__subtitle {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-secondary);
+  word-break: break-all;
+}
+.t-card__description {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-secondary);
+  margin-top: var(--td-comp-margin-xs);
+  word-break: break-all;
+}
+.t-card__actions {
+  float: right;
+  color: var(--td-brand-color);
+}
+.t-card__title--bordered {
+  border-bottom: 1px solid var(--td-component-border);
+}

package/es/cascader/style/index.css

@@ -1 +1,171 @@
-.t-cascader .t-fake-arrow{color:var(--td-text-color-placeholder)}.t-cascader .t-fake-arrow--active{color:var(--td-brand-color)}.t-cascader__popup .t-popup__content{padding:0;-webkit-box-shadow:var(--td-shadow-2);box-shadow:var(--td-shadow-2);border-radius:var(--td-radius-medium);border:.5px solid var(--td-component-border);overflow:hidden}.t-cascader__panel{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.t-cascader__panel.t-cascader--normal{height:200px}.t-cascader__panel.t-cascader--multiple{height:280px}.t-cascader__panel--empty{width:100%;height:var(--td-comp-size-s);line-height:var(--td-comp-size-s);color:var(--td-text-color-disabled);margin:var(--td-pop-padding-m);text-align:center;padding-left:0}.t-cascader__panel--empty:hover{background:none;cursor:default}.t-cascader__menu{width:148px;overflow:auto;-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--td-pop-padding-m);background:var(--td-bg-color-container)}.t-cascader__menu.t-size-l{padding:var(--td-pop-padding-l)}.t-cascader__menu.t-size-s{padding:var(--td-pop-padding-s)}.t-cascader__menu--segment{border-right:1px solid var(--td-component-stroke)}.t-cascader__menu--filter{width:auto;min-width:148px}.t-cascader__item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--td-comp-size-s);font:var(--td-font-body-medium);color:var(--td-text-color-primary);padding:0 var(--td-comp-paddingLR-s);border-radius:var(--td-radius-default);margin-top:var(--td-comp-margin-xxs);-webkit-transition:background-color .2s cubic-bezier(.82,0,1,.9);transition:background-color .2s cubic-bezier(.82,0,1,.9);list-style:none;--ripple-color:var(--td-bg-color-container-active)}.t-cascader__item.t-size-s{height:var(--td-comp-size-xs);font:var(--td-font-body-small);padding:0 var(--td-comp-paddingLR-s)}.t-cascader__item.t-size-l{height:var(--td-comp-size-m);font:var(--td-font-body-large);padding:0 var(--td-comp-paddingLR-m)}.t-cascader__item.t-is-disabled{color:var(--td-text-color-disabled);background-color:transparent;cursor:not-allowed}.t-cascader__item-icon.t-icon{position:absolute;height:100%;right:0;top:0;background:transparent;margin:0 8px;font-size:16px;color:var(--td-text-color-placeholder)}.t-cascader__item-icon.t-loading{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--td-text-color-brand)}.t-cascader__item.t-is-expanded{background:var(--td-brand-color-light)}.t-cascader__item.t-is-expanded,.t-cascader__item.t-is-expanded .t-icon-chevron-right{color:var(--td-text-color-brand)}.t-cascader__item.t-is-expanded:hover{cursor:pointer}.t-cascader__item:first-child{margin-top:0}.t-cascader__item .t-checkbox{max-width:100%}.t-cascader__item .t-checkbox .t-checkbox__input{-ms-flex-negative:0;flex-shrink:0}.t-cascader__item .t-checkbox .t-checkbox__label{display:block;white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis}.t-cascader__item .t-checkbox .t-checkbox__label .t-cascader__item__label--filter{color:var(--td-text-color-brand)}.t-cascader__item--with-icon{padding:0 var(--td-comp-paddingLR-s)}.t-cascader__item--leaf .t-checkbox{width:100%}.t-cascader__item-label{display:block;position:relative;white-space:nowrap;padding:0}.t-cascader__item-label--ellipsis{white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis}.t-cascader__item-label--filter{color:var(--td-text-color-brand)}.t-cascader__item:hover:not(.t-is-expanded):not(.t-is-disabled){background:var(--td-bg-color-container-hover);cursor:pointer}.t-cascader__item.t-is-selected,.t-cascader__item.t-is-selected .t-checkbox__label{color:var(--td-brand-color)}
+.t-cascader .t-fake-arrow {
+  color: var(--td-text-color-placeholder);
+}
+.t-cascader .t-fake-arrow--active {
+  color: var(--td-brand-color);
+}
+.t-cascader__popup .t-popup__content {
+  padding: 0;
+  -webkit-box-shadow: var(--td-shadow-2);
+          box-shadow: var(--td-shadow-2);
+  border-radius: var(--td-radius-medium);
+  border: 0.5px solid var(--td-component-border);
+  overflow: hidden;
+}
+.t-cascader__panel {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+.t-cascader__panel.t-cascader--normal {
+  height: 200px;
+}
+.t-cascader__panel.t-cascader--multiple {
+  height: 280px;
+}
+.t-cascader__panel--empty {
+  width: 100%;
+  height: var(--td-comp-size-s);
+  line-height: var(--td-comp-size-s);
+  color: var(--td-text-color-disabled);
+  margin: var(--td-pop-padding-m);
+  text-align: center;
+  padding-left: 0;
+}
+.t-cascader__panel--empty:hover {
+  background: none;
+  cursor: default;
+}
+.t-cascader__menu {
+  width: 148px;
+  overflow: auto;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  padding: var(--td-pop-padding-m);
+  background: var(--td-bg-color-container);
+}
+.t-cascader__menu.t-size-l {
+  padding: var(--td-pop-padding-l);
+}
+.t-cascader__menu.t-size-s {
+  padding: var(--td-pop-padding-s);
+}
+.t-cascader__menu--segment {
+  border-right: 1px solid var(--td-component-stroke);
+}
+.t-cascader__menu--filter {
+  width: auto;
+  min-width: 148px;
+}
+.t-cascader__item {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: var(--td-comp-size-s);
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  padding: 0 var(--td-comp-paddingLR-s);
+  border-radius: var(--td-radius-default);
+  margin-top: var(--td-comp-margin-xxs);
+  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  list-style: none;
+  --ripple-color: var(--td-bg-color-container-active);
+}
+.t-cascader__item.t-size-s {
+  height: var(--td-comp-size-xs);
+  font: var(--td-font-body-small);
+  padding: 0px var(--td-comp-paddingLR-s);
+}
+.t-cascader__item.t-size-l {
+  height: var(--td-comp-size-m);
+  font: var(--td-font-body-large);
+  padding: 0 var(--td-comp-paddingLR-m);
+}
+.t-cascader__item.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  background-color: transparent;
+  cursor: not-allowed;
+}
+.t-cascader__item-icon.t-icon {
+  position: absolute;
+  height: 100%;
+  right: 0;
+  top: 0;
+  background: transparent;
+  margin: 0 8px;
+  font-size: 16px;
+  color: var(--td-text-color-placeholder);
+}
+.t-cascader__item-icon.t-loading {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  color: var(--td-text-color-brand);
+}
+.t-cascader__item.t-is-expanded {
+  background: var(--td-brand-color-light);
+  color: var(--td-text-color-brand);
+}
+.t-cascader__item.t-is-expanded .t-icon-chevron-right {
+  color: var(--td-text-color-brand);
+}
+.t-cascader__item.t-is-expanded:hover {
+  cursor: pointer;
+}
+.t-cascader__item:first-child {
+  margin-top: 0;
+}
+.t-cascader__item .t-checkbox {
+  max-width: 100%;
+}
+.t-cascader__item .t-checkbox .t-checkbox__input {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.t-cascader__item .t-checkbox .t-checkbox__label {
+  display: block;
+  white-space: nowrap;
+  word-wrap: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.t-cascader__item .t-checkbox .t-checkbox__label .t-cascader__item__label--filter {
+  color: var(--td-text-color-brand);
+}
+.t-cascader__item--with-icon {
+  padding: 0 var(--td-comp-paddingLR-s);
+}
+.t-cascader__item--leaf .t-checkbox {
+  width: 100%;
+}
+.t-cascader__item-label {
+  display: block;
+  position: relative;
+  white-space: nowrap;
+  padding: 0;
+}
+.t-cascader__item-label--ellipsis {
+  white-space: nowrap;
+  word-wrap: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.t-cascader__item-label--filter {
+  color: var(--td-text-color-brand);
+}
+.t-cascader__item:hover:not(.t-is-expanded):not(.t-is-disabled) {
+  background: var(--td-bg-color-container-hover);
+  cursor: pointer;
+}
+.t-cascader__item.t-is-selected {
+  color: var(--td-brand-color);
+}
+.t-cascader__item.t-is-selected .t-checkbox__label {
+  color: var(--td-brand-color);
+}