@govtechsg/sgds-web-component 3.21.2-rc.5 → 3.22.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/base/card.js +1 -1
- package/base/select-element.d.ts +2 -0
- package/base/select-element.js +5 -0
- package/base/select-element.js.map +1 -1
- package/components/Breadcrumb/index.umd.min.js +1 -1
- package/components/Breadcrumb/index.umd.min.js.map +1 -1
- package/components/Card/index.umd.min.js +1 -1
- package/components/Card/index.umd.min.js.map +1 -1
- package/components/ComboBox/index.umd.min.js +4 -2
- package/components/ComboBox/index.umd.min.js.map +1 -1
- package/components/ComboBox/sgds-combo-box.js +2 -0
- package/components/ComboBox/sgds-combo-box.js.map +1 -1
- package/components/Datepicker/index.umd.min.js +3 -2
- package/components/Datepicker/index.umd.min.js.map +1 -1
- package/components/Footer/index.umd.min.js +1 -1
- package/components/Footer/index.umd.min.js.map +1 -1
- package/components/IconCard/index.umd.min.js +1 -1
- package/components/IconCard/index.umd.min.js.map +1 -1
- package/components/ImageCard/index.umd.min.js +1 -1
- package/components/ImageCard/index.umd.min.js.map +1 -1
- package/components/Input/index.umd.min.js +3 -2
- package/components/Input/index.umd.min.js.map +1 -1
- package/components/Input/sgds-input.d.ts +2 -0
- package/components/Input/sgds-input.js +6 -0
- package/components/Input/sgds-input.js.map +1 -1
- package/components/Link/index.umd.min.js +1 -1
- package/components/Link/index.umd.min.js.map +1 -1
- package/components/Link/link.js +1 -1
- package/components/QuantityToggle/index.umd.min.js +3 -2
- package/components/QuantityToggle/index.umd.min.js.map +1 -1
- package/components/Select/index.umd.min.js +2 -2
- package/components/Select/index.umd.min.js.map +1 -1
- package/components/Subnav/index.umd.min.js +1 -1
- package/components/Subnav/index.umd.min.js.map +1 -1
- package/components/ThumbnailCard/index.umd.min.js +1 -1
- package/components/ThumbnailCard/index.umd.min.js.map +1 -1
- package/components/index.umd.min.js +10 -7
- package/components/index.umd.min.js.map +1 -1
- package/css/fouc.css +1 -1
- package/css/grid.css +4 -30
- package/css/grid.js +1 -1
- package/custom-elements.json +237 -141
- package/index.umd.min.js +10 -7
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/react/base/card.cjs.js +1 -1
- package/react/base/card.js +1 -1
- package/react/base/select-element.cjs.js +5 -0
- package/react/base/select-element.cjs.js.map +1 -1
- package/react/base/select-element.js +5 -0
- package/react/base/select-element.js.map +1 -1
- package/react/components/ComboBox/sgds-combo-box.cjs.js +2 -0
- package/react/components/ComboBox/sgds-combo-box.cjs.js.map +1 -1
- package/react/components/ComboBox/sgds-combo-box.js +2 -0
- package/react/components/ComboBox/sgds-combo-box.js.map +1 -1
- package/react/components/Input/sgds-input.cjs.js +6 -0
- package/react/components/Input/sgds-input.cjs.js.map +1 -1
- package/react/components/Input/sgds-input.js +6 -0
- package/react/components/Input/sgds-input.js.map +1 -1
- package/react/components/Link/link.cjs.js +1 -1
- package/react/components/Link/link.js +1 -1
- package/react/css/grid.cjs.js +1 -1
- package/react/css/grid.js +1 -1
- package/react/index.cjs.js +6 -6
- package/react/index.d.ts +1 -1
- package/react/index.js +1 -1
- package/themes/root.css +0 -2
- package/types/react.d.ts +17 -11
package/css/fouc.css
CHANGED
|
@@ -13,9 +13,9 @@ sgds-close-button:not(:defined),
|
|
|
13
13
|
sgds-combo-box-option:not(:defined),
|
|
14
14
|
sgds-combo-box:not(:defined),
|
|
15
15
|
sgds-datepicker:not(:defined),
|
|
16
|
+
sgds-divider:not(:defined),
|
|
16
17
|
sgds-description-list-group:not(:defined),
|
|
17
18
|
sgds-description-list:not(:defined),
|
|
18
|
-
sgds-divider:not(:defined),
|
|
19
19
|
sgds-drawer:not(:defined),
|
|
20
20
|
sgds-dropdown-item:not(:defined),
|
|
21
21
|
sgds-dropdown:not(:defined),
|
package/css/grid.css
CHANGED
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
.sgds-container-sidebar {
|
|
85
|
-
max-width:
|
|
85
|
+
max-width: var(--sgds-dimension-840);
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
.sgds-container {
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
max-width: var(--sgds-dimension-1168);
|
|
120
120
|
}
|
|
121
121
|
.sgds-container-sidebar {
|
|
122
|
-
max-width:
|
|
122
|
+
max-width: var(--sgds-dimension-888);
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.sgds-col-xl-1 { grid-column: span 1; }
|
|
@@ -147,8 +147,8 @@
|
|
|
147
147
|
.sgds-container {
|
|
148
148
|
max-width: var(--sgds-dimension-1312);
|
|
149
149
|
}
|
|
150
|
-
|
|
151
|
-
max-width:
|
|
150
|
+
.sgds-container-sidebar {
|
|
151
|
+
max-width: var(--sgds-dimension-1024);
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
.sgds-col-2-xl-1 { grid-column: span 1; }
|
|
@@ -171,29 +171,3 @@
|
|
|
171
171
|
.sgds-col-xl-none { display: revert; }
|
|
172
172
|
.sgds-col-2-xl-none { display: none; }
|
|
173
173
|
}
|
|
174
|
-
|
|
175
|
-
@media (min-width: 1600px) { /* sgds-breakpoint-sbar-3-xl */
|
|
176
|
-
.sgds-container-sidebar {
|
|
177
|
-
max-width: min(var(--sgds-dimension-1600), calc(100% - 96px)); /* 1600px cap or 48px outer margins, whichever is smaller */
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
.sgds-col-3-xl-1 { grid-column: span 1; }
|
|
181
|
-
.sgds-col-3-xl-2 { grid-column: span 2; }
|
|
182
|
-
.sgds-col-3-xl-3 { grid-column: span 3; }
|
|
183
|
-
.sgds-col-3-xl-4 { grid-column: span 4; }
|
|
184
|
-
.sgds-col-3-xl-5 { grid-column: span 5; }
|
|
185
|
-
.sgds-col-3-xl-6 { grid-column: span 6; }
|
|
186
|
-
.sgds-col-3-xl-7 { grid-column: span 7; }
|
|
187
|
-
.sgds-col-3-xl-8 { grid-column: span 8; }
|
|
188
|
-
.sgds-col-3-xl-9 { grid-column: span 9; }
|
|
189
|
-
.sgds-col-3-xl-10 { grid-column: span 10; }
|
|
190
|
-
.sgds-col-3-xl-11 { grid-column: span 11; }
|
|
191
|
-
.sgds-col-3-xl-12 { grid-column: span 12; }
|
|
192
|
-
.sgds-col-3-xl-center-2 { grid-column: 6 / span 2; }
|
|
193
|
-
.sgds-col-3-xl-center-4 { grid-column: 5 / span 4; }
|
|
194
|
-
.sgds-col-3-xl-center-6 { grid-column: 4 / span 6; }
|
|
195
|
-
.sgds-col-3-xl-center-8 { grid-column: 3 / span 8; }
|
|
196
|
-
.sgds-col-3-xl-center-10 { grid-column: 2 / span 10; }
|
|
197
|
-
.sgds-col-2-xl-none { display: revert; }
|
|
198
|
-
.sgds-col-3-xl-none { display: none; }
|
|
199
|
-
}
|
package/css/grid.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = css`.sgds-container,.sgds-container-sidebar{margin-left:auto;margin-right:auto;max-width:calc(100% - 40px);width:100%}.sgds-grid{display:grid;gap:var(--sgds-gap-md);grid-template-columns:repeat(4,1fr)}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media (min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container,.sgds-container-sidebar{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media (min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media (min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:
|
|
3
|
+
var css_248z = css`.sgds-container,.sgds-container-sidebar{margin-left:auto;margin-right:auto;max-width:calc(100% - 40px);width:100%}.sgds-grid{display:grid;gap:var(--sgds-gap-md);grid-template-columns:repeat(4,1fr)}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media (min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container,.sgds-container-sidebar{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media (min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media (min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:var(--sgds-dimension-840)}.sgds-container{max-width:var(--sgds-dimension-888)}.sgds-col-lg-1{grid-column:span 1}.sgds-col-lg-2{grid-column:span 2}.sgds-col-lg-3{grid-column:span 3}.sgds-col-lg-4{grid-column:span 4}.sgds-col-lg-5{grid-column:span 5}.sgds-col-lg-6{grid-column:span 6}.sgds-col-lg-7{grid-column:span 7}.sgds-col-lg-8{grid-column:span 8}.sgds-col-lg-9{grid-column:span 9}.sgds-col-lg-10{grid-column:span 10}.sgds-col-lg-11{grid-column:span 11}.sgds-col-lg-12{grid-column:span 12}.sgds-col-lg-center-2{grid-column:6/span 2}.sgds-col-lg-center-4{grid-column:5/span 4}.sgds-col-lg-center-6{grid-column:4/span 6}.sgds-col-lg-center-8{grid-column:3/span 8}.sgds-col-lg-center-10{grid-column:2/span 10}.sgds-col-md-none{display:revert}.sgds-col-lg-none{display:none}}@media (min-width:1280px){.sgds-grid{gap:var(--sgds-gap-2-xl)}.sgds-container{max-width:var(--sgds-dimension-1168)}.sgds-container-sidebar{max-width:var(--sgds-dimension-888)}.sgds-col-xl-1{grid-column:span 1}.sgds-col-xl-2{grid-column:span 2}.sgds-col-xl-3{grid-column:span 3}.sgds-col-xl-4{grid-column:span 4}.sgds-col-xl-5{grid-column:span 5}.sgds-col-xl-6{grid-column:span 6}.sgds-col-xl-7{grid-column:span 7}.sgds-col-xl-8{grid-column:span 8}.sgds-col-xl-9{grid-column:span 9}.sgds-col-xl-10{grid-column:span 10}.sgds-col-xl-11{grid-column:span 11}.sgds-col-xl-12{grid-column:span 12}.sgds-col-xl-center-2{grid-column:6/span 2}.sgds-col-xl-center-4{grid-column:5/span 4}.sgds-col-xl-center-6{grid-column:4/span 6}.sgds-col-xl-center-8{grid-column:3/span 8}.sgds-col-xl-center-10{grid-column:2/span 10}.sgds-col-lg-none{display:revert}.sgds-col-xl-none{display:none}}@media (min-width:1440px){.sgds-container{max-width:var(--sgds-dimension-1312)}.sgds-container-sidebar{max-width:var(--sgds-dimension-1024)}.sgds-col-2-xl-1{grid-column:span 1}.sgds-col-2-xl-2{grid-column:span 2}.sgds-col-2-xl-3{grid-column:span 3}.sgds-col-2-xl-4{grid-column:span 4}.sgds-col-2-xl-5{grid-column:span 5}.sgds-col-2-xl-6{grid-column:span 6}.sgds-col-2-xl-7{grid-column:span 7}.sgds-col-2-xl-8{grid-column:span 8}.sgds-col-2-xl-9{grid-column:span 9}.sgds-col-2-xl-10{grid-column:span 10}.sgds-col-2-xl-11{grid-column:span 11}.sgds-col-2-xl-12{grid-column:span 12}.sgds-col-2-xl-center-2{grid-column:6/span 2}.sgds-col-2-xl-center-4{grid-column:5/span 4}.sgds-col-2-xl-center-6{grid-column:4/span 6}.sgds-col-2-xl-center-8{grid-column:3/span 8}.sgds-col-2-xl-center-10{grid-column:2/span 10}.sgds-col-xl-none{display:revert}.sgds-col-2-xl-none{display:none}}`;
|
|
4
4
|
|
|
5
5
|
export { css_248z as default };
|
|
6
6
|
//# sourceMappingURL=grid.js.map
|
package/custom-elements.json
CHANGED
|
@@ -4790,6 +4790,21 @@
|
|
|
4790
4790
|
"module": "src/base/select-element.ts"
|
|
4791
4791
|
}
|
|
4792
4792
|
},
|
|
4793
|
+
{
|
|
4794
|
+
"kind": "field",
|
|
4795
|
+
"name": "autocomplete",
|
|
4796
|
+
"type": {
|
|
4797
|
+
"text": "string"
|
|
4798
|
+
},
|
|
4799
|
+
"default": "\"on\"",
|
|
4800
|
+
"description": "Controlling of autocomplete behaviour",
|
|
4801
|
+
"attribute": "autocomplete",
|
|
4802
|
+
"reflects": true,
|
|
4803
|
+
"inheritedFrom": {
|
|
4804
|
+
"name": "SelectElement",
|
|
4805
|
+
"module": "src/base/select-element.ts"
|
|
4806
|
+
}
|
|
4807
|
+
},
|
|
4793
4808
|
{
|
|
4794
4809
|
"kind": "method",
|
|
4795
4810
|
"name": "setInvalid",
|
|
@@ -5670,6 +5685,19 @@
|
|
|
5670
5685
|
"module": "src/base/select-element.ts"
|
|
5671
5686
|
}
|
|
5672
5687
|
},
|
|
5688
|
+
{
|
|
5689
|
+
"name": "autocomplete",
|
|
5690
|
+
"type": {
|
|
5691
|
+
"text": "string"
|
|
5692
|
+
},
|
|
5693
|
+
"default": "\"on\"",
|
|
5694
|
+
"description": "Controlling of autocomplete behaviour",
|
|
5695
|
+
"fieldName": "autocomplete",
|
|
5696
|
+
"inheritedFrom": {
|
|
5697
|
+
"name": "SelectElement",
|
|
5698
|
+
"module": "src/base/select-element.ts"
|
|
5699
|
+
}
|
|
5700
|
+
},
|
|
5673
5701
|
{
|
|
5674
5702
|
"name": "menuList",
|
|
5675
5703
|
"type": {
|
|
@@ -6897,6 +6925,146 @@
|
|
|
6897
6925
|
}
|
|
6898
6926
|
]
|
|
6899
6927
|
},
|
|
6928
|
+
{
|
|
6929
|
+
"kind": "javascript-module",
|
|
6930
|
+
"path": "src/components/Divider/sgds-divider.ts",
|
|
6931
|
+
"declarations": [
|
|
6932
|
+
{
|
|
6933
|
+
"kind": "class",
|
|
6934
|
+
"description": "",
|
|
6935
|
+
"name": "SgdsDivider",
|
|
6936
|
+
"members": [
|
|
6937
|
+
{
|
|
6938
|
+
"kind": "field",
|
|
6939
|
+
"name": "orientation",
|
|
6940
|
+
"type": {
|
|
6941
|
+
"text": "\"horizontal\" | \"vertical\""
|
|
6942
|
+
},
|
|
6943
|
+
"default": "\"horizontal\"",
|
|
6944
|
+
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
6945
|
+
"attribute": "orientation",
|
|
6946
|
+
"reflects": true
|
|
6947
|
+
},
|
|
6948
|
+
{
|
|
6949
|
+
"kind": "field",
|
|
6950
|
+
"name": "thickness",
|
|
6951
|
+
"type": {
|
|
6952
|
+
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
6953
|
+
},
|
|
6954
|
+
"default": "\"thin\"",
|
|
6955
|
+
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
6956
|
+
"attribute": "thickness",
|
|
6957
|
+
"reflects": true
|
|
6958
|
+
},
|
|
6959
|
+
{
|
|
6960
|
+
"kind": "method",
|
|
6961
|
+
"name": "emit",
|
|
6962
|
+
"parameters": [
|
|
6963
|
+
{
|
|
6964
|
+
"name": "name",
|
|
6965
|
+
"type": {
|
|
6966
|
+
"text": "string"
|
|
6967
|
+
}
|
|
6968
|
+
},
|
|
6969
|
+
{
|
|
6970
|
+
"name": "options",
|
|
6971
|
+
"optional": true,
|
|
6972
|
+
"type": {
|
|
6973
|
+
"text": "CustomEventInit<T>"
|
|
6974
|
+
}
|
|
6975
|
+
}
|
|
6976
|
+
],
|
|
6977
|
+
"description": "Emits a custom event with more convenient defaults.",
|
|
6978
|
+
"type": {},
|
|
6979
|
+
"inheritedFrom": {
|
|
6980
|
+
"name": "SgdsElement",
|
|
6981
|
+
"module": "src/base/sgds-element.ts"
|
|
6982
|
+
}
|
|
6983
|
+
},
|
|
6984
|
+
{
|
|
6985
|
+
"kind": "method",
|
|
6986
|
+
"name": "define",
|
|
6987
|
+
"static": true,
|
|
6988
|
+
"parameters": [
|
|
6989
|
+
{
|
|
6990
|
+
"name": "name",
|
|
6991
|
+
"type": {
|
|
6992
|
+
"text": "string"
|
|
6993
|
+
}
|
|
6994
|
+
},
|
|
6995
|
+
{
|
|
6996
|
+
"name": "elementConstructor",
|
|
6997
|
+
"default": "this"
|
|
6998
|
+
},
|
|
6999
|
+
{
|
|
7000
|
+
"name": "options",
|
|
7001
|
+
"default": "{}",
|
|
7002
|
+
"type": {
|
|
7003
|
+
"text": "ElementDefinitionOptions"
|
|
7004
|
+
}
|
|
7005
|
+
}
|
|
7006
|
+
],
|
|
7007
|
+
"type": {},
|
|
7008
|
+
"inheritedFrom": {
|
|
7009
|
+
"name": "SgdsElement",
|
|
7010
|
+
"module": "src/base/sgds-element.ts"
|
|
7011
|
+
}
|
|
7012
|
+
}
|
|
7013
|
+
],
|
|
7014
|
+
"attributes": [
|
|
7015
|
+
{
|
|
7016
|
+
"name": "orientation",
|
|
7017
|
+
"type": {
|
|
7018
|
+
"text": "\"horizontal\" | \"vertical\""
|
|
7019
|
+
},
|
|
7020
|
+
"default": "\"horizontal\"",
|
|
7021
|
+
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
7022
|
+
"fieldName": "orientation"
|
|
7023
|
+
},
|
|
7024
|
+
{
|
|
7025
|
+
"name": "thickness",
|
|
7026
|
+
"type": {
|
|
7027
|
+
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
7028
|
+
},
|
|
7029
|
+
"default": "\"thin\"",
|
|
7030
|
+
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
7031
|
+
"fieldName": "thickness"
|
|
7032
|
+
}
|
|
7033
|
+
],
|
|
7034
|
+
"superclass": {
|
|
7035
|
+
"name": "SgdsElement",
|
|
7036
|
+
"module": "/src/base/sgds-element"
|
|
7037
|
+
},
|
|
7038
|
+
"summary": "A divider is a thin line that groups content in lists and layouts. They bring clarity to a layout by grouping and dividing content in close proximity.",
|
|
7039
|
+
"tagName": "sgds-divider",
|
|
7040
|
+
"customElement": true,
|
|
7041
|
+
"modulePath": "src/components/Divider/sgds-divider.ts",
|
|
7042
|
+
"cssProperties": [],
|
|
7043
|
+
"cssParts": [],
|
|
7044
|
+
"cssStates": [],
|
|
7045
|
+
"events": [],
|
|
7046
|
+
"slots": []
|
|
7047
|
+
}
|
|
7048
|
+
],
|
|
7049
|
+
"exports": [
|
|
7050
|
+
{
|
|
7051
|
+
"kind": "js",
|
|
7052
|
+
"name": "SgdsDivider",
|
|
7053
|
+
"declaration": {
|
|
7054
|
+
"name": "SgdsDivider",
|
|
7055
|
+
"module": "src/components/Divider/sgds-divider.ts"
|
|
7056
|
+
}
|
|
7057
|
+
},
|
|
7058
|
+
{
|
|
7059
|
+
"kind": "js",
|
|
7060
|
+
"name": "default",
|
|
7061
|
+
"declaration": {
|
|
7062
|
+
"name": "SgdsDivider",
|
|
7063
|
+
"module": "src/components/Divider/sgds-divider.ts"
|
|
7064
|
+
}
|
|
7065
|
+
}
|
|
7066
|
+
]
|
|
7067
|
+
},
|
|
6900
7068
|
{
|
|
6901
7069
|
"kind": "javascript-module",
|
|
6902
7070
|
"path": "src/components/DescriptionList/sgds-description-list-group.ts",
|
|
@@ -7267,146 +7435,6 @@
|
|
|
7267
7435
|
}
|
|
7268
7436
|
]
|
|
7269
7437
|
},
|
|
7270
|
-
{
|
|
7271
|
-
"kind": "javascript-module",
|
|
7272
|
-
"path": "src/components/Divider/sgds-divider.ts",
|
|
7273
|
-
"declarations": [
|
|
7274
|
-
{
|
|
7275
|
-
"kind": "class",
|
|
7276
|
-
"description": "",
|
|
7277
|
-
"name": "SgdsDivider",
|
|
7278
|
-
"members": [
|
|
7279
|
-
{
|
|
7280
|
-
"kind": "field",
|
|
7281
|
-
"name": "orientation",
|
|
7282
|
-
"type": {
|
|
7283
|
-
"text": "\"horizontal\" | \"vertical\""
|
|
7284
|
-
},
|
|
7285
|
-
"default": "\"horizontal\"",
|
|
7286
|
-
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
7287
|
-
"attribute": "orientation",
|
|
7288
|
-
"reflects": true
|
|
7289
|
-
},
|
|
7290
|
-
{
|
|
7291
|
-
"kind": "field",
|
|
7292
|
-
"name": "thickness",
|
|
7293
|
-
"type": {
|
|
7294
|
-
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
7295
|
-
},
|
|
7296
|
-
"default": "\"thin\"",
|
|
7297
|
-
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
7298
|
-
"attribute": "thickness",
|
|
7299
|
-
"reflects": true
|
|
7300
|
-
},
|
|
7301
|
-
{
|
|
7302
|
-
"kind": "method",
|
|
7303
|
-
"name": "emit",
|
|
7304
|
-
"parameters": [
|
|
7305
|
-
{
|
|
7306
|
-
"name": "name",
|
|
7307
|
-
"type": {
|
|
7308
|
-
"text": "string"
|
|
7309
|
-
}
|
|
7310
|
-
},
|
|
7311
|
-
{
|
|
7312
|
-
"name": "options",
|
|
7313
|
-
"optional": true,
|
|
7314
|
-
"type": {
|
|
7315
|
-
"text": "CustomEventInit<T>"
|
|
7316
|
-
}
|
|
7317
|
-
}
|
|
7318
|
-
],
|
|
7319
|
-
"description": "Emits a custom event with more convenient defaults.",
|
|
7320
|
-
"type": {},
|
|
7321
|
-
"inheritedFrom": {
|
|
7322
|
-
"name": "SgdsElement",
|
|
7323
|
-
"module": "src/base/sgds-element.ts"
|
|
7324
|
-
}
|
|
7325
|
-
},
|
|
7326
|
-
{
|
|
7327
|
-
"kind": "method",
|
|
7328
|
-
"name": "define",
|
|
7329
|
-
"static": true,
|
|
7330
|
-
"parameters": [
|
|
7331
|
-
{
|
|
7332
|
-
"name": "name",
|
|
7333
|
-
"type": {
|
|
7334
|
-
"text": "string"
|
|
7335
|
-
}
|
|
7336
|
-
},
|
|
7337
|
-
{
|
|
7338
|
-
"name": "elementConstructor",
|
|
7339
|
-
"default": "this"
|
|
7340
|
-
},
|
|
7341
|
-
{
|
|
7342
|
-
"name": "options",
|
|
7343
|
-
"default": "{}",
|
|
7344
|
-
"type": {
|
|
7345
|
-
"text": "ElementDefinitionOptions"
|
|
7346
|
-
}
|
|
7347
|
-
}
|
|
7348
|
-
],
|
|
7349
|
-
"type": {},
|
|
7350
|
-
"inheritedFrom": {
|
|
7351
|
-
"name": "SgdsElement",
|
|
7352
|
-
"module": "src/base/sgds-element.ts"
|
|
7353
|
-
}
|
|
7354
|
-
}
|
|
7355
|
-
],
|
|
7356
|
-
"attributes": [
|
|
7357
|
-
{
|
|
7358
|
-
"name": "orientation",
|
|
7359
|
-
"type": {
|
|
7360
|
-
"text": "\"horizontal\" | \"vertical\""
|
|
7361
|
-
},
|
|
7362
|
-
"default": "\"horizontal\"",
|
|
7363
|
-
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
7364
|
-
"fieldName": "orientation"
|
|
7365
|
-
},
|
|
7366
|
-
{
|
|
7367
|
-
"name": "thickness",
|
|
7368
|
-
"type": {
|
|
7369
|
-
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
7370
|
-
},
|
|
7371
|
-
"default": "\"thin\"",
|
|
7372
|
-
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
7373
|
-
"fieldName": "thickness"
|
|
7374
|
-
}
|
|
7375
|
-
],
|
|
7376
|
-
"superclass": {
|
|
7377
|
-
"name": "SgdsElement",
|
|
7378
|
-
"module": "/src/base/sgds-element"
|
|
7379
|
-
},
|
|
7380
|
-
"summary": "A divider is a thin line that groups content in lists and layouts. They bring clarity to a layout by grouping and dividing content in close proximity.",
|
|
7381
|
-
"tagName": "sgds-divider",
|
|
7382
|
-
"customElement": true,
|
|
7383
|
-
"modulePath": "src/components/Divider/sgds-divider.ts",
|
|
7384
|
-
"cssProperties": [],
|
|
7385
|
-
"cssParts": [],
|
|
7386
|
-
"cssStates": [],
|
|
7387
|
-
"events": [],
|
|
7388
|
-
"slots": []
|
|
7389
|
-
}
|
|
7390
|
-
],
|
|
7391
|
-
"exports": [
|
|
7392
|
-
{
|
|
7393
|
-
"kind": "js",
|
|
7394
|
-
"name": "SgdsDivider",
|
|
7395
|
-
"declaration": {
|
|
7396
|
-
"name": "SgdsDivider",
|
|
7397
|
-
"module": "src/components/Divider/sgds-divider.ts"
|
|
7398
|
-
}
|
|
7399
|
-
},
|
|
7400
|
-
{
|
|
7401
|
-
"kind": "js",
|
|
7402
|
-
"name": "default",
|
|
7403
|
-
"declaration": {
|
|
7404
|
-
"name": "SgdsDivider",
|
|
7405
|
-
"module": "src/components/Divider/sgds-divider.ts"
|
|
7406
|
-
}
|
|
7407
|
-
}
|
|
7408
|
-
]
|
|
7409
|
-
},
|
|
7410
7438
|
{
|
|
7411
7439
|
"kind": "javascript-module",
|
|
7412
7440
|
"path": "src/components/Drawer/sgds-drawer.ts",
|
|
@@ -11780,6 +11808,17 @@
|
|
|
11780
11808
|
"attribute": "readonly",
|
|
11781
11809
|
"reflects": true
|
|
11782
11810
|
},
|
|
11811
|
+
{
|
|
11812
|
+
"kind": "field",
|
|
11813
|
+
"name": "autocomplete",
|
|
11814
|
+
"type": {
|
|
11815
|
+
"text": "string"
|
|
11816
|
+
},
|
|
11817
|
+
"default": "\"on\"",
|
|
11818
|
+
"description": "Controlling of autocomplete behaviour",
|
|
11819
|
+
"attribute": "autocomplete",
|
|
11820
|
+
"reflects": true
|
|
11821
|
+
},
|
|
11783
11822
|
{
|
|
11784
11823
|
"kind": "field",
|
|
11785
11824
|
"name": "step",
|
|
@@ -12368,6 +12407,15 @@
|
|
|
12368
12407
|
"description": "Makes the input readonly.",
|
|
12369
12408
|
"fieldName": "readonly"
|
|
12370
12409
|
},
|
|
12410
|
+
{
|
|
12411
|
+
"name": "autocomplete",
|
|
12412
|
+
"type": {
|
|
12413
|
+
"text": "string"
|
|
12414
|
+
},
|
|
12415
|
+
"default": "\"on\"",
|
|
12416
|
+
"description": "Controlling of autocomplete behaviour",
|
|
12417
|
+
"fieldName": "autocomplete"
|
|
12418
|
+
},
|
|
12371
12419
|
{
|
|
12372
12420
|
"name": "step",
|
|
12373
12421
|
"type": {
|
|
@@ -16797,6 +16845,21 @@
|
|
|
16797
16845
|
"module": "src/base/select-element.ts"
|
|
16798
16846
|
}
|
|
16799
16847
|
},
|
|
16848
|
+
{
|
|
16849
|
+
"kind": "field",
|
|
16850
|
+
"name": "autocomplete",
|
|
16851
|
+
"type": {
|
|
16852
|
+
"text": "string"
|
|
16853
|
+
},
|
|
16854
|
+
"default": "\"on\"",
|
|
16855
|
+
"description": "Controlling of autocomplete behaviour",
|
|
16856
|
+
"attribute": "autocomplete",
|
|
16857
|
+
"reflects": true,
|
|
16858
|
+
"inheritedFrom": {
|
|
16859
|
+
"name": "SelectElement",
|
|
16860
|
+
"module": "src/base/select-element.ts"
|
|
16861
|
+
}
|
|
16862
|
+
},
|
|
16800
16863
|
{
|
|
16801
16864
|
"kind": "method",
|
|
16802
16865
|
"name": "setInvalid",
|
|
@@ -17606,6 +17669,19 @@
|
|
|
17606
17669
|
"module": "src/base/select-element.ts"
|
|
17607
17670
|
}
|
|
17608
17671
|
},
|
|
17672
|
+
{
|
|
17673
|
+
"name": "autocomplete",
|
|
17674
|
+
"type": {
|
|
17675
|
+
"text": "string"
|
|
17676
|
+
},
|
|
17677
|
+
"default": "\"on\"",
|
|
17678
|
+
"description": "Controlling of autocomplete behaviour",
|
|
17679
|
+
"fieldName": "autocomplete",
|
|
17680
|
+
"inheritedFrom": {
|
|
17681
|
+
"name": "SelectElement",
|
|
17682
|
+
"module": "src/base/select-element.ts"
|
|
17683
|
+
}
|
|
17684
|
+
},
|
|
17609
17685
|
{
|
|
17610
17686
|
"name": "menuList",
|
|
17611
17687
|
"type": {
|
|
@@ -26749,6 +26825,17 @@
|
|
|
26749
26825
|
"attribute": "invalid",
|
|
26750
26826
|
"reflects": true
|
|
26751
26827
|
},
|
|
26828
|
+
{
|
|
26829
|
+
"kind": "field",
|
|
26830
|
+
"name": "autocomplete",
|
|
26831
|
+
"type": {
|
|
26832
|
+
"text": "string"
|
|
26833
|
+
},
|
|
26834
|
+
"default": "\"on\"",
|
|
26835
|
+
"description": "Controlling of autocomplete behaviour",
|
|
26836
|
+
"attribute": "autocomplete",
|
|
26837
|
+
"reflects": true
|
|
26838
|
+
},
|
|
26752
26839
|
{
|
|
26753
26840
|
"kind": "method",
|
|
26754
26841
|
"name": "setInvalid",
|
|
@@ -27389,6 +27476,15 @@
|
|
|
27389
27476
|
"description": "Marks the component as invalid. Replace the pseudo :invalid selector.",
|
|
27390
27477
|
"fieldName": "invalid"
|
|
27391
27478
|
},
|
|
27479
|
+
{
|
|
27480
|
+
"name": "autocomplete",
|
|
27481
|
+
"type": {
|
|
27482
|
+
"text": "string"
|
|
27483
|
+
},
|
|
27484
|
+
"default": "\"on\"",
|
|
27485
|
+
"description": "Controlling of autocomplete behaviour",
|
|
27486
|
+
"fieldName": "autocomplete"
|
|
27487
|
+
},
|
|
27392
27488
|
{
|
|
27393
27489
|
"name": "menuList",
|
|
27394
27490
|
"type": {
|
|
@@ -27538,7 +27634,7 @@
|
|
|
27538
27634
|
"package": {
|
|
27539
27635
|
"name": "@govtechsg/sgds-web-component",
|
|
27540
27636
|
"description": "",
|
|
27541
|
-
"version": "3.
|
|
27637
|
+
"version": "3.22.1",
|
|
27542
27638
|
"author": "GovTechSG",
|
|
27543
27639
|
"license": "MIT"
|
|
27544
27640
|
}
|