@hyphen/hyphen-components 4.9.0 → 4.9.1
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/css/index.css
CHANGED
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
.TableBody-module_table-body__Y5WbD.TableBody-module_hover__2CRgY tr:hover td,.TableBody-module_table-body__Y5WbD.TableBody-module_hover__2CRgY tr:hover th,.TableBody-module_table-body__Y5WbD.TableBody-module_striped__5MlEr tr:nth-of-type(odd) td,.TableBody-module_table-body__Y5WbD.TableBody-module_striped__5MlEr tr:nth-of-type(odd) th{background-color:var(--color-background-secondary)}
|
|
31
31
|
.TableRow-module_table-row__-Y9FQ{border-bottom-style:solid;border-bottom-width:var(--size-border-width-sm);border-color:var(--color-border-subtle)}.TableRow-module_table-row__-Y9FQ:last-of-type{border-bottom-width:0}.TableRow-module_table-row__-Y9FQ.TableRow-module_hoverable__53-l9{background-color:var(--table-row-hover-background)}thead>.TableRow-module_table-row__-Y9FQ{border-bottom-width:var(--size-border-width-sm)!important}
|
|
32
32
|
.TableBodyCell-module_table-cell__pKl29{color:var(--color-font-base);padding:var(--size-spacing-md) var(--size-spacing-2xl)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_borderless__qwKQA{border-width:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_compact__zfdBf{padding:var(--size-spacing-sm) var(--size-spacing-md)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_truncated__4YtPF{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column-left__tKIGW{background-color:var(--color-background-primary);left:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column-right__680hS{background-color:var(--color-background-primary);right:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column__QpEbV{background-color:var(--color-background-primary);box-shadow:5px 0 5px -2px rgba(0,0,0,.1),-5px 0 5px -2px rgba(0,0,0,.1);position:sticky;z-index:calc(var(--size-z-index-sticky) - 1)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_align-right__j-VqN{text-align:right}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_align-center__saqzC{text-align:center}
|
|
33
|
-
.TableHeaderCell-module_table-header-cell__aufSm{background-color:var(--color-background-primary);color:var(--color-font-secondary);font-
|
|
33
|
+
.TableHeaderCell-module_table-header-cell__aufSm{background-color:var(--color-background-primary);color:var(--color-font-secondary);font-weight:var(--size-font-weight-medium);letter-spacing:.05em;padding:var(--size-spacing-md) var(--size-spacing-2xl);text-align:left;white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sortable__qjrkY{cursor:pointer}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_borderless__uos2k{border-width:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_truncated__wmNfw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_compact__ujtrZ{padding:var(--size-spacing-sm) var(--size-spacing-md)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-header__PEP9t{position:sticky;top:0;z-index:var(--size-z-index-sticky)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column-left__t8qIz{left:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column-right__6D8-X{right:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column__g9ybV{background-color:var(--color-background-primary);box-shadow:5px 0 5px -2px rgba(0,0,0,.1),-5px 0 5px -2px rgba(0,0,0,.1);position:sticky;z-index:calc(var(--size-z-index-sticky) + 1)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_align-right__Qw0YQ{text-align:right}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_align-center__1RmCS{text-align:center}.TableHeaderCell-module_table-header-cell__aufSm .TableHeaderCell-module_heading__fEcYT{white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm .TableHeaderCell-module_heading__fEcYT .TableHeaderCell-module_sort-icon__SHgic{margin-left:var(--size-spacing-xs)}
|
|
34
34
|
.ToastNotification-module_toast-notification__2xiTW{background-color:var(--color-background-toast);border:1px solid var(--color-border-toast);border-radius:var(--size-border-radius-lg);box-shadow:var(--size-box-shadow-md);color:var(--color-font-toast);font-size:var(--size-font-size-sm);pointer-events:auto;will-change:transform}.ToastNotification-module_toast-error__4ArAY{background-color:var(--color-background-toast-error);border-color:var(--color-border-toast-error);color:var(--color-font-white)}.ToastNotification-module_toast-error__4ArAY .ToastNotification-module_toast-dismiss__xxmkb{color:var(--color-font-white)}.ToastNotification-module_toast-dismiss__xxmkb{color:var(--color-font-toast)}.ToastNotification-module_toast-notification-enter-top__ZZDCr{animation:enterTop .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-exit-top__fOIkZ{animation:exitTop .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-enter-bottom__So3w7{animation:enterBottom .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-exit-bottom__DDthi{animation:exitBottom .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-exit-left__Fh1hC{animation:exitLeft .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-exit-right__C1jQ9{animation:exitRight .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-fade-in__JlSGi{animation:fadeIn .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-fade-out__r6q4Q{animation:fadeOut .3s cubic-bezier(.06,.71,.55,1) forwards}
|
package/package.json
CHANGED
|
@@ -116,9 +116,9 @@ export const CommonExample = () =>
|
|
|
116
116
|
</div>
|
|
117
117
|
),
|
|
118
118
|
},
|
|
119
|
-
{ heading: '
|
|
120
|
-
{ heading: '
|
|
121
|
-
{ heading: '
|
|
119
|
+
{ heading: 'Phone', dataKey: 'phone', width: 125 },
|
|
120
|
+
{ heading: 'Plan', dataKey: 'plan', width: 125 },
|
|
121
|
+
{ heading: 'Status', dataKey: 'status', width: 125 },
|
|
122
122
|
];
|
|
123
123
|
const tableData = [
|
|
124
124
|
{
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
.table-header-cell {
|
|
2
2
|
text-align: left;
|
|
3
|
-
text-transform: uppercase;
|
|
4
3
|
letter-spacing: 0.05em;
|
|
5
4
|
white-space: nowrap;
|
|
6
5
|
background-color: var(--color-background-primary);
|
|
7
6
|
color: var(--color-font-secondary);
|
|
8
|
-
font-
|
|
9
|
-
font-weight: var(--size-font-weight-bold);
|
|
7
|
+
font-weight: var(--size-font-weight-medium);
|
|
10
8
|
padding: var(--size-spacing-md) var(--size-spacing-2xl);
|
|
11
9
|
|
|
12
10
|
&.sortable {
|
|
@@ -33,7 +31,6 @@
|
|
|
33
31
|
z-index: var(--size-z-index-sticky);
|
|
34
32
|
}
|
|
35
33
|
|
|
36
|
-
|
|
37
34
|
&.sticky-column-left {
|
|
38
35
|
left: 0;
|
|
39
36
|
}
|
|
@@ -45,11 +42,11 @@
|
|
|
45
42
|
&.sticky-column {
|
|
46
43
|
position: sticky;
|
|
47
44
|
z-index: calc(var(--size-z-index-sticky) + 1);
|
|
48
|
-
box-shadow: 5px 0 5px -2px rgb(0 0 0 / 10%),
|
|
45
|
+
box-shadow: 5px 0 5px -2px rgb(0 0 0 / 10%),
|
|
46
|
+
-5px 0 5px -2px rgb(0 0 0 / 10%);
|
|
49
47
|
background-color: var(--color-background-primary);
|
|
50
48
|
}
|
|
51
49
|
|
|
52
|
-
|
|
53
50
|
&.align-right {
|
|
54
51
|
text-align: right;
|
|
55
52
|
}
|
|
@@ -65,4 +62,4 @@
|
|
|
65
62
|
margin-left: var(--size-spacing-xs);
|
|
66
63
|
}
|
|
67
64
|
}
|
|
68
|
-
}
|
|
65
|
+
}
|