smoothly 1.0.0-alpha.31 → 1.0.0-alpha.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/smoothly-accordion_58.cjs.entry.js +5 -5
- package/dist/cjs/smoothly-accordion_58.cjs.entry.js.map +1 -1
- package/dist/collection/components/table/cell/style.css +1 -1
- package/dist/collection/components/table/expandable/cell/style.css +18 -15
- package/dist/collection/components/table/expandable/row/style.css +19 -14
- package/dist/collection/components/table/header/style.css +2 -2
- package/dist/collection/components/table/style.css +2 -4
- package/dist/custom-elements/index.js +5 -5
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/smoothly-accordion_58.entry.js +5 -5
- package/dist/esm/smoothly-accordion_58.entry.js.map +1 -1
- package/dist/smoothly/{p-0561b258.entry.js → p-4e60a0a7.entry.js} +2 -2
- package/dist/smoothly/{p-0561b258.entry.js.map → p-4e60a0a7.entry.js.map} +1 -1
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/package.json +1 -1
|
@@ -28555,7 +28555,7 @@ const SmoothlyTabSwitch = class {
|
|
|
28555
28555
|
};
|
|
28556
28556
|
SmoothlyTabSwitch.style = styleCss$b;
|
|
28557
28557
|
|
|
28558
|
-
const styleCss$a = ".sc-smoothly-table-h{display:table;width:var(--table-width, 80%);box-sizing:border-box;background-color:rgb(var(--smoothly-default-color))}[root].sc-smoothly-table-h{
|
|
28558
|
+
const styleCss$a = ".sc-smoothly-table-h{display:table;width:var(--table-width, 80%);box-sizing:border-box;background-color:rgb(var(--smoothly-default-color))}[root].sc-smoothly-table-h{padding-left:1.5rem;padding-right:1.5rem}.sc-smoothly-table-h:not([root]){margin:0;width:100%}";
|
|
28559
28559
|
|
|
28560
28560
|
const Table = class {
|
|
28561
28561
|
constructor(hostRef) {
|
|
@@ -28600,7 +28600,7 @@ const Table = class {
|
|
|
28600
28600
|
};
|
|
28601
28601
|
Table.style = styleCss$a;
|
|
28602
28602
|
|
|
28603
|
-
const styleCss$9 = ".sc-smoothly-table-cell-h{display:table-cell;line-height:1.5rem;white-space:nowrap;padding:0.3rem 0 0.3rem 1rem;
|
|
28603
|
+
const styleCss$9 = ".sc-smoothly-table-cell-h{display:table-cell;line-height:1.5rem;white-space:nowrap;padding:0.3rem 0 0.3rem 1rem;box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade))}.sc-smoothly-table-cell-h smoothly-icon.sc-smoothly-table-cell{display:none}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell{display:flex;align-items:center}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>div.sc-smoothly-table-cell{width:100%}.sc-smoothly-table-cell-h smoothly-icon.sc-smoothly-table-cell{width:0.6rem;height:0.6rem;margin:0 0.3rem;transition:transform 0.2s}smoothly-table[align=bottom] .sc-smoothly-table-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-cell-h{vertical-align:middle;text-align:left}smoothly-table[align=top] .sc-smoothly-table-cell-h{vertical-align:top}";
|
|
28604
28604
|
|
|
28605
28605
|
const TableCell = class {
|
|
28606
28606
|
constructor(hostRef) {
|
|
@@ -28701,7 +28701,7 @@ const TableDemoFiltered = class {
|
|
|
28701
28701
|
};
|
|
28702
28702
|
TableDemoFiltered.style = styleCss$7;
|
|
28703
28703
|
|
|
28704
|
-
const styleCss$6 = ".sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.3rem 0 0.3rem 0;cursor:pointer;line-height:1.5rem;
|
|
28704
|
+
const styleCss$6 = ".sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.3rem 0 0.3rem 0;cursor:pointer;line-height:1.5rem;box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade))}.sc-smoothly-table-expandable-cell-h:not([open]){box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade))}[open].sc-smoothly-table-expandable-cell-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color));box-shadow:1px 0 0 0 rgb(var(--smoothly-light-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-light-shade)) inset, 0 1px 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{width:0.6rem;float:left;padding:0 0.3rem;transition:transform 0.2s;display:flex;height:100%;align-self:center}[open].sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{transform:rotate(90deg)}aside.sc-smoothly-table-expandable-cell{display:flex}.hide.sc-smoothly-table-expandable-cell{display:none}td.sc-smoothly-table-expandable-cell-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-default-color));width:calc(100% + 3rem - 1px);top:1px;left:calc(-1 * var(--expansion-width));box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-light-shade))}tr.spotlight>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:calc(var(--expansion-border-width)) 0 0 0 rgb(var(--smoothly-tertiary-color)) inset}tr:not(.spotlight)>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:-1px 0 0 0 rgb(var(--smoothly-light-shade)), 1px 0 0 0 rgb(var(--smoothly-light-shade))}td.sc-smoothly-table-expandable-cell-s>*::before{content:\"\";position:absolute;display:flex;top:-1px;bottom:0;left:0;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-light-shade))}td.sc-smoothly-table-expandable-cell-s>*::after{content:\"\";position:absolute;display:flex;top:-1px;bottom:0;right:0;width:calc(var(--expansion-width) - 1px);border-top:1px solid rgb(var(--smoothly-light-shade));border-right:1px solid rgb(var(--smoothly-light-shade))}smoothly-table[align=bottom] .sc-smoothly-table-expandable-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-expandable-cell-h{vertical-align:middle;text-align:left}smoothly-table[align=top] .sc-smoothly-table-expandable-cell-h{vertical-align:top}";
|
|
28705
28705
|
|
|
28706
28706
|
const TableExpandableCell = class {
|
|
28707
28707
|
constructor(hostRef) {
|
|
@@ -28756,7 +28756,7 @@ const TableExpandableCell = class {
|
|
|
28756
28756
|
};
|
|
28757
28757
|
TableExpandableCell.style = styleCss$6;
|
|
28758
28758
|
|
|
28759
|
-
const styleCss$5 = ".sc-smoothly-table-expandable-row-h{display:table-row;cursor:pointer;line-height:1.5rem}[open].sc-smoothly-table-expandable-row-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color))
|
|
28759
|
+
const styleCss$5 = ".sc-smoothly-table-expandable-row-h{display:table-row;cursor:pointer;line-height:1.5rem}[open].sc-smoothly-table-expandable-row-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color))}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell,.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s>smoothly-table-cell{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:first-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset, 1px 0 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:last-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:last-child:first-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset, 1px 0 0 0 rgb(var(--smoothly-light-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-light-shade)) inset}.hide.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>tr.sc-smoothly-table-expandable-row>td.sc-smoothly-table-expandable-row{position:relative}td.sc-smoothly-table-expandable-row-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-default-color));width:calc(100% + 3rem - 1px);left:calc(-1 * var(--expansion-width));box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-light-shade))}tr.spotlight>td.sc-smoothly-table-expandable-row-s>*{box-shadow:calc(var(--expansion-border-width)) 0px 0px 0px rgb(var(--smoothly-tertiary-color)) inset}td.sc-smoothly-table-expandable-row-s>*::before{content:\"\";position:absolute;display:flex;top:0;bottom:0;left:0;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-light-shade))}td.sc-smoothly-table-expandable-row-s>*::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:0;width:calc(var(--expansion-width) - 1px);border-top:1px solid rgb(var(--smoothly-light-shade));border-right:1px solid rgb(var(--smoothly-light-shade))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type,.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type{display:flex}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type,.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s>smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type{transform:rotate(90deg)}";
|
|
28760
28760
|
|
|
28761
28761
|
const TableExpandableRow = class {
|
|
28762
28762
|
constructor(hostRef) {
|
|
@@ -28806,7 +28806,7 @@ const TableExpandableRow = class {
|
|
|
28806
28806
|
};
|
|
28807
28807
|
TableExpandableRow.style = styleCss$5;
|
|
28808
28808
|
|
|
28809
|
-
const styleCss$4 = ".sc-smoothly-table-header-h{display:table-cell;line-height:2.5rem;border-
|
|
28809
|
+
const styleCss$4 = ".sc-smoothly-table-header-h{display:table-cell;line-height:2.5rem;border-top:1px solid rgb(var(--smoothly-light-shade));box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade));padding-left:1rem;font-weight:bold}smoothly-table[align=bottom] .sc-smoothly-table-header-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-header-h{vertical-align:middle;text-align:left}smoothly-table[align=top] .sc-smoothly-table-header-h{vertical-align:top}";
|
|
28810
28810
|
|
|
28811
28811
|
const TableHeader = class {
|
|
28812
28812
|
constructor(hostRef) {
|