@govtechsg/sgds-web-component 3.0.3 → 3.0.4
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/components/Card/index.umd.js +1 -0
- package/components/Card/index.umd.js.map +1 -1
- package/components/Card/sgds-card.d.ts +1 -0
- package/components/Card/sgds-card.js +1 -0
- package/components/Card/sgds-card.js.map +1 -1
- package/components/DescriptionList/description-list.js +1 -1
- package/components/DescriptionList/index.umd.js +5 -2
- package/components/DescriptionList/index.umd.js.map +1 -1
- package/components/DescriptionList/sgds-description-list-group.js +4 -1
- package/components/DescriptionList/sgds-description-list-group.js.map +1 -1
- package/components/index.umd.js +6 -2
- package/components/index.umd.js.map +1 -1
- package/css/grid.css +4 -4
- package/index.umd.js +6 -2
- package/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/react/components/Card/sgds-card.cjs.js +1 -0
- package/react/components/Card/sgds-card.cjs.js.map +1 -1
- package/react/components/Card/sgds-card.js +1 -0
- package/react/components/Card/sgds-card.js.map +1 -1
- package/react/components/DescriptionList/description-list.cjs.js +1 -1
- package/react/components/DescriptionList/description-list.js +1 -1
- package/react/components/DescriptionList/sgds-description-list-group.cjs.js +4 -1
- package/react/components/DescriptionList/sgds-description-list-group.cjs.js.map +1 -1
- package/react/components/DescriptionList/sgds-description-list-group.js +4 -1
- package/react/components/DescriptionList/sgds-description-list-group.js.map +1 -1
package/css/grid.css
CHANGED
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
.sgds-col-sm-6 { grid-column: span 6; }
|
|
35
35
|
.sgds-col-sm-7 { grid-column: span 7; }
|
|
36
36
|
.sgds-col-sm-8 { grid-column: span 8; }
|
|
37
|
-
.sgds-col-sm-none { display: none; }
|
|
38
37
|
.sgds-col-none { display: revert; }
|
|
38
|
+
.sgds-col-sm-none { display: none; }
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
@media (min-width: 1024px) { /* sgds-breakpoint-md */
|
|
@@ -59,8 +59,8 @@
|
|
|
59
59
|
.sgds-col-md-10 { grid-column: span 10; }
|
|
60
60
|
.sgds-col-md-11 { grid-column: span 11; }
|
|
61
61
|
.sgds-col-md-12 { grid-column: span 12; }
|
|
62
|
-
.sgds-col-md-none { display: none; }
|
|
63
62
|
.sgds-col-sm-none { display: revert; }
|
|
63
|
+
.sgds-col-md-none { display: none; }
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
@media (min-width: 1280px) { /* sgds-breakpoint-lg */
|
|
@@ -84,8 +84,8 @@
|
|
|
84
84
|
.sgds-col-lg-10 { grid-column: span 10; }
|
|
85
85
|
.sgds-col-lg-11 { grid-column: span 11; }
|
|
86
86
|
.sgds-col-lg-12 { grid-column: span 12; }
|
|
87
|
-
.sgds-col-lg-none { display: none; }
|
|
88
87
|
.sgds-col-md-none { display: revert; }
|
|
88
|
+
.sgds-col-lg-none { display: none; }
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
@media (min-width: 1440px) { /* sgds-breakpoint-xl */
|
|
@@ -105,6 +105,6 @@
|
|
|
105
105
|
.sgds-col-xl-10 { grid-column: span 10; }
|
|
106
106
|
.sgds-col-xl-11 { grid-column: span 11; }
|
|
107
107
|
.sgds-col-xl-12 { grid-column: span 12; }
|
|
108
|
-
.sgds-col-xl-none { display: none; }
|
|
109
108
|
.sgds-col-lg-none { display: revert; }
|
|
109
|
+
.sgds-col-xl-none { display: none; }
|
|
110
110
|
}
|
package/index.umd.js
CHANGED
|
@@ -10109,6 +10109,7 @@
|
|
|
10109
10109
|
/**
|
|
10110
10110
|
* @summary Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.
|
|
10111
10111
|
* @slot image - Accepts an image or svg element of the card. Only a single element is allowed to be passed in.
|
|
10112
|
+
* @slot icon - Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.
|
|
10112
10113
|
* @slot subtitle - The subtitle of the card
|
|
10113
10114
|
* @slot title - The title of the card
|
|
10114
10115
|
* @slot description - The paragrapher text of the card
|
|
@@ -22455,7 +22456,7 @@
|
|
|
22455
22456
|
_updateDescriptionLists() {
|
|
22456
22457
|
if (!this._descriptionLists)
|
|
22457
22458
|
return;
|
|
22458
|
-
this._descriptionLists.forEach(descriptionList => {
|
|
22459
|
+
this._descriptionLists.forEach((descriptionList, index) => {
|
|
22459
22460
|
if (this.stacked) {
|
|
22460
22461
|
descriptionList.setAttribute("stacked", "");
|
|
22461
22462
|
}
|
|
@@ -22468,6 +22469,9 @@
|
|
|
22468
22469
|
else {
|
|
22469
22470
|
descriptionList.removeAttribute("bordered");
|
|
22470
22471
|
}
|
|
22472
|
+
if (index === this._descriptionLists.length - 1) {
|
|
22473
|
+
descriptionList.setAttribute("isLastChild", "");
|
|
22474
|
+
}
|
|
22471
22475
|
});
|
|
22472
22476
|
}
|
|
22473
22477
|
updated(_changedProperties) {
|
|
@@ -22519,7 +22523,7 @@
|
|
|
22519
22523
|
queryAssignedElements({ flatten: true })
|
|
22520
22524
|
], SgdsDescriptionListGroup.prototype, "_descriptionLists", void 0);
|
|
22521
22525
|
|
|
22522
|
-
var css_248z$w = css`:host([bordered]) .container:last-child{border-bottom:none}:host([stacked]) .container{align-items:flex-start;flex-direction:column;gap:var(--sgds-gap-xs);justify-content:flex-start}.container{align-items:flex-start;border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:flex;gap:var(--sgds-gap-xs);justify-content:space-between;padding:var(--sgds-padding-lg) var(--sgds-padding-xl)}.data-container,.label-container{flex:1}.label{color:var(--sgds-color-default);font-weight:var(--sgds-font-weight-semibold)}.data,.label{font-size:var(--sgds-font-size-2)}.data{color:var(--sgds-color-subtle);font-weight:var(--sgds-font-weight-regular);margin:0}`;
|
|
22526
|
+
var css_248z$w = css`:host([bordered][islastchild]) .container:last-child{border-bottom:none}:host([stacked]) .container{align-items:flex-start;flex-direction:column;gap:var(--sgds-gap-xs);justify-content:flex-start}.container{align-items:flex-start;border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:flex;gap:var(--sgds-gap-xs);justify-content:space-between;padding:var(--sgds-padding-lg) var(--sgds-padding-xl)}.data-container,.label-container{flex:1}.label{color:var(--sgds-color-default);font-weight:var(--sgds-font-weight-semibold)}.data,.label{font-size:var(--sgds-font-size-2)}.data{color:var(--sgds-color-subtle);font-weight:var(--sgds-font-weight-regular);margin:0}`;
|
|
22523
22527
|
|
|
22524
22528
|
let id$2 = 0;
|
|
22525
22529
|
/**
|