govuk_publishing_components 58.1.1 → 59.0.0
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.
- checksums.yaml +4 -4
- data/app/assets/images/select-with-search/cross-icon.svg +6 -0
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-search-tracker.js +4 -0
- data/app/assets/javascripts/govuk_publishing_components/components/select-with-search.js +57 -0
- data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +2 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +14 -136
- data/app/assets/stylesheets/govuk_publishing_components/components/_heading.scss +0 -5
- data/app/assets/stylesheets/govuk_publishing_components/components/_layout-header.scss +6 -48
- data/app/assets/stylesheets/govuk_publishing_components/components/_select-with-search.scss +168 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_select.scss +6 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_tag.scss +14 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss +1 -1
- data/app/views/govuk_publishing_components/components/_action_link.html.erb +4 -37
- data/app/views/govuk_publishing_components/components/_layout_header.html.erb +0 -2
- data/app/views/govuk_publishing_components/components/_select.html.erb +22 -23
- data/app/views/govuk_publishing_components/components/_select_with_search.html.erb +14 -0
- data/app/views/govuk_publishing_components/components/_share_links.html.erb +17 -9
- data/app/views/govuk_publishing_components/components/_tag.html.erb +20 -0
- data/app/views/govuk_publishing_components/components/docs/action_link.yml +0 -62
- data/app/views/govuk_publishing_components/components/docs/layout_header.yml +13 -0
- data/app/views/govuk_publishing_components/components/docs/select.yml +11 -0
- data/app/views/govuk_publishing_components/components/docs/select_with_search.yml +196 -0
- data/app/views/govuk_publishing_components/components/docs/share_links.yml +10 -0
- data/app/views/govuk_publishing_components/components/docs/signup_link.yml +0 -7
- data/app/views/govuk_publishing_components/components/docs/single_page_notification_button.yml +1 -7
- data/app/views/govuk_publishing_components/components/docs/subscription_links.yml +1 -7
- data/app/views/govuk_publishing_components/components/docs/tag.yml +57 -0
- data/app/views/govuk_publishing_components/components/layout_header/_header_logo.html.erb +16 -5
- data/lib/govuk_publishing_components/presenters/heading_helper.rb +1 -2
- data/lib/govuk_publishing_components/presenters/select_helper.rb +8 -5
- data/lib/govuk_publishing_components/presenters/select_with_search_helper.rb +92 -0
- data/lib/govuk_publishing_components/presenters/single_page_notification_button_helper.rb +1 -1
- data/lib/govuk_publishing_components/version.rb +1 -1
- data/lib/govuk_publishing_components.rb +1 -0
- data/node_modules/choices.js/LICENSE +21 -0
- data/node_modules/choices.js/README.md +1360 -0
- data/node_modules/choices.js/package.json +173 -0
- data/node_modules/choices.js/public/assets/scripts/choices.js +5230 -0
- data/node_modules/choices.js/public/assets/scripts/choices.min.js +2 -0
- data/node_modules/choices.js/public/assets/scripts/choices.mjs +5222 -0
- data/node_modules/choices.js/public/assets/scripts/choices.search-basic.js +4748 -0
- data/node_modules/choices.js/public/assets/scripts/choices.search-basic.min.js +2 -0
- data/node_modules/choices.js/public/assets/scripts/choices.search-basic.mjs +4740 -0
- data/node_modules/choices.js/public/assets/scripts/choices.search-kmp.js +3631 -0
- data/node_modules/choices.js/public/assets/scripts/choices.search-kmp.min.js +2 -0
- data/node_modules/choices.js/public/assets/scripts/choices.search-kmp.mjs +3623 -0
- data/node_modules/choices.js/public/assets/scripts/choices.search-prefix.js +3590 -0
- data/node_modules/choices.js/public/assets/scripts/choices.search-prefix.min.js +2 -0
- data/node_modules/choices.js/public/assets/scripts/choices.search-prefix.mjs +3582 -0
- data/node_modules/choices.js/public/assets/styles/base.css +180 -0
- data/node_modules/choices.js/public/assets/styles/base.css.map +1 -0
- data/node_modules/choices.js/public/assets/styles/base.min.css +1 -0
- data/node_modules/choices.js/public/assets/styles/choices.css +338 -0
- data/node_modules/choices.js/public/assets/styles/choices.css.map +1 -0
- data/node_modules/choices.js/public/assets/styles/choices.min.css +1 -0
- data/node_modules/choices.js/public/types/src/index.d.ts +6 -0
- data/node_modules/choices.js/public/types/src/scripts/actions/choices.d.ts +30 -0
- data/node_modules/choices.js/public/types/src/scripts/actions/groups.d.ts +8 -0
- data/node_modules/choices.js/public/types/src/scripts/actions/items.d.ts +17 -0
- data/node_modules/choices.js/public/types/src/scripts/choices.d.ts +210 -0
- data/node_modules/choices.js/public/types/src/scripts/components/container.d.ts +36 -0
- data/node_modules/choices.js/public/types/src/scripts/components/dropdown.d.ts +21 -0
- data/node_modules/choices.js/public/types/src/scripts/components/index.d.ts +7 -0
- data/node_modules/choices.js/public/types/src/scripts/components/input.d.ts +37 -0
- data/node_modules/choices.js/public/types/src/scripts/components/list.d.ts +14 -0
- data/node_modules/choices.js/public/types/src/scripts/components/wrapped-element.d.ts +21 -0
- data/node_modules/choices.js/public/types/src/scripts/components/wrapped-input.d.ts +3 -0
- data/node_modules/choices.js/public/types/src/scripts/components/wrapped-select.d.ts +20 -0
- data/node_modules/choices.js/public/types/src/scripts/constants.d.ts +1 -0
- data/node_modules/choices.js/public/types/src/scripts/defaults.d.ts +4 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/action-type.d.ts +13 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/build-flags.d.ts +11 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/choice-full.d.ts +23 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/class-names.d.ts +61 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/event-choice.d.ts +7 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/event-type.d.ts +14 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/group-full.d.ts +10 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/index.d.ts +14 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/input-choice.d.ts +15 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/input-group.d.ts +10 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/item.d.ts +17 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/keycode-map.d.ts +13 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/options.d.ts +566 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/passed-element-type.d.ts +7 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/passed-element.d.ts +95 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/position-options-type.d.ts +1 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/search.d.ts +11 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/state.d.ts +10 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/store.d.ts +64 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/string-pre-escaped.d.ts +3 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/string-untrusted.d.ts +4 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/templates.d.ts +29 -0
- data/node_modules/choices.js/public/types/src/scripts/interfaces/types.d.ts +18 -0
- data/node_modules/choices.js/public/types/src/scripts/lib/choice-input.d.ts +9 -0
- data/node_modules/choices.js/public/types/src/scripts/lib/html-guard-statements.d.ts +4 -0
- data/node_modules/choices.js/public/types/src/scripts/lib/utils.d.ts +31 -0
- data/node_modules/choices.js/public/types/src/scripts/reducers/choices.d.ts +8 -0
- data/node_modules/choices.js/public/types/src/scripts/reducers/groups.d.ts +8 -0
- data/node_modules/choices.js/public/types/src/scripts/reducers/items.d.ts +9 -0
- data/node_modules/choices.js/public/types/src/scripts/search/fuse.d.ts +14 -0
- data/node_modules/choices.js/public/types/src/scripts/search/index.d.ts +3 -0
- data/node_modules/choices.js/public/types/src/scripts/search/kmp.d.ts +11 -0
- data/node_modules/choices.js/public/types/src/scripts/search/prefix-filter.d.ts +11 -0
- data/node_modules/choices.js/public/types/src/scripts/store/store.d.ts +59 -0
- data/node_modules/choices.js/public/types/src/scripts/templates.d.ts +8 -0
- data/node_modules/choices.js/src/entry.js +3 -0
- data/node_modules/choices.js/src/icons/cross-inverse.svg +1 -0
- data/node_modules/choices.js/src/icons/cross.svg +1 -0
- data/node_modules/choices.js/src/index.ts +8 -0
- data/node_modules/choices.js/src/scripts/actions/choices.ts +59 -0
- data/node_modules/choices.js/src/scripts/actions/groups.ts +14 -0
- data/node_modules/choices.js/src/scripts/actions/items.ts +34 -0
- data/node_modules/choices.js/src/scripts/choices.ts +2364 -0
- data/node_modules/choices.js/src/scripts/components/container.ts +157 -0
- data/node_modules/choices.js/src/scripts/components/dropdown.ts +50 -0
- data/node_modules/choices.js/src/scripts/components/index.ts +8 -0
- data/node_modules/choices.js/src/scripts/components/input.ts +146 -0
- data/node_modules/choices.js/src/scripts/components/list.ts +89 -0
- data/node_modules/choices.js/src/scripts/components/wrapped-element.ts +89 -0
- data/node_modules/choices.js/src/scripts/components/wrapped-input.ts +3 -0
- data/node_modules/choices.js/src/scripts/components/wrapped-select.ts +115 -0
- data/node_modules/choices.js/src/scripts/constants.ts +1 -0
- data/node_modules/choices.js/src/scripts/defaults.ts +93 -0
- data/node_modules/choices.js/src/scripts/interfaces/action-type.ts +15 -0
- data/node_modules/choices.js/src/scripts/interfaces/build-flags.ts +17 -0
- data/node_modules/choices.js/src/scripts/interfaces/choice-full.ts +30 -0
- data/node_modules/choices.js/src/scripts/interfaces/class-names.ts +61 -0
- data/node_modules/choices.js/src/scripts/interfaces/event-choice.ts +9 -0
- data/node_modules/choices.js/src/scripts/interfaces/event-type.ts +16 -0
- data/node_modules/choices.js/src/scripts/interfaces/group-full.ts +12 -0
- data/node_modules/choices.js/src/scripts/interfaces/index.ts +14 -0
- data/node_modules/choices.js/src/scripts/interfaces/input-choice.ts +17 -0
- data/node_modules/choices.js/src/scripts/interfaces/input-group.ts +11 -0
- data/node_modules/choices.js/src/scripts/interfaces/item.ts +17 -0
- data/node_modules/choices.js/src/scripts/interfaces/keycode-map.ts +13 -0
- data/node_modules/choices.js/src/scripts/interfaces/options.ts +619 -0
- data/node_modules/choices.js/src/scripts/interfaces/passed-element-type.ts +9 -0
- data/node_modules/choices.js/src/scripts/interfaces/passed-element.ts +96 -0
- data/node_modules/choices.js/src/scripts/interfaces/position-options-type.ts +1 -0
- data/node_modules/choices.js/src/scripts/interfaces/search.ts +12 -0
- data/node_modules/choices.js/src/scripts/interfaces/state.ts +12 -0
- data/node_modules/choices.js/src/scripts/interfaces/store.ts +84 -0
- data/node_modules/choices.js/src/scripts/interfaces/string-pre-escaped.ts +3 -0
- data/node_modules/choices.js/src/scripts/interfaces/string-untrusted.ts +5 -0
- data/node_modules/choices.js/src/scripts/interfaces/templates.ts +66 -0
- data/node_modules/choices.js/src/scripts/interfaces/types.ts +21 -0
- data/node_modules/choices.js/src/scripts/lib/choice-input.ts +88 -0
- data/node_modules/choices.js/src/scripts/lib/html-guard-statements.ts +7 -0
- data/node_modules/choices.js/src/scripts/lib/utils.ts +230 -0
- data/node_modules/choices.js/src/scripts/reducers/choices.ts +86 -0
- data/node_modules/choices.js/src/scripts/reducers/groups.ts +32 -0
- data/node_modules/choices.js/src/scripts/reducers/items.ts +86 -0
- data/node_modules/choices.js/src/scripts/search/fuse.ts +59 -0
- data/node_modules/choices.js/src/scripts/search/index.ts +17 -0
- data/node_modules/choices.js/src/scripts/search/kmp.ts +87 -0
- data/node_modules/choices.js/src/scripts/search/prefix-filter.ts +42 -0
- data/node_modules/choices.js/src/scripts/store/store.ts +184 -0
- data/node_modules/choices.js/src/scripts/templates.ts +409 -0
- data/node_modules/choices.js/src/styles/base.scss +189 -0
- data/node_modules/choices.js/src/styles/choices.scss +414 -0
- data/node_modules/choices.js/src/tsconfig.json +22 -0
- metadata +137 -4
- data/app/assets/images/govuk_publishing_components/action-link-arrow--dark.svg +0 -5
- data/app/assets/images/govuk_publishing_components/action-link-arrow--simple-light.svg +0 -4
- data/app/assets/images/govuk_publishing_components/action-link-arrow.svg +0 -5
@@ -0,0 +1,180 @@
|
|
1
|
+
/* =============================================
|
2
|
+
= Generic styling =
|
3
|
+
============================================= */
|
4
|
+
* {
|
5
|
+
-webkit-font-smoothing: antialiased;
|
6
|
+
-moz-osx-font-smoothing: grayscale;
|
7
|
+
}
|
8
|
+
|
9
|
+
*,
|
10
|
+
*::before,
|
11
|
+
*::after {
|
12
|
+
box-sizing: border-box;
|
13
|
+
}
|
14
|
+
|
15
|
+
html,
|
16
|
+
body {
|
17
|
+
position: relative;
|
18
|
+
margin: 0;
|
19
|
+
width: 100%;
|
20
|
+
height: 100%;
|
21
|
+
}
|
22
|
+
|
23
|
+
body {
|
24
|
+
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
25
|
+
font-size: 16px;
|
26
|
+
line-height: 1.4;
|
27
|
+
color: #fff;
|
28
|
+
background-color: #333;
|
29
|
+
overflow-x: hidden;
|
30
|
+
}
|
31
|
+
|
32
|
+
label {
|
33
|
+
display: block;
|
34
|
+
margin-bottom: 8px;
|
35
|
+
font-size: 14px;
|
36
|
+
font-weight: 500;
|
37
|
+
cursor: pointer;
|
38
|
+
}
|
39
|
+
|
40
|
+
p {
|
41
|
+
margin-top: 0;
|
42
|
+
margin-bottom: 8px;
|
43
|
+
}
|
44
|
+
|
45
|
+
hr {
|
46
|
+
display: block;
|
47
|
+
margin: 30px 0;
|
48
|
+
border: 0;
|
49
|
+
border-bottom: 1px solid #eaeaea;
|
50
|
+
height: 1px;
|
51
|
+
}
|
52
|
+
|
53
|
+
h1,
|
54
|
+
h2,
|
55
|
+
h3,
|
56
|
+
h4,
|
57
|
+
h5,
|
58
|
+
h6 {
|
59
|
+
margin-top: 0;
|
60
|
+
margin-bottom: 12px;
|
61
|
+
font-weight: 400;
|
62
|
+
line-height: 1.2;
|
63
|
+
}
|
64
|
+
|
65
|
+
a,
|
66
|
+
a:visited,
|
67
|
+
a:focus {
|
68
|
+
color: #fff;
|
69
|
+
text-decoration: none;
|
70
|
+
font-weight: 600;
|
71
|
+
}
|
72
|
+
|
73
|
+
.form-control {
|
74
|
+
display: block;
|
75
|
+
width: 100%;
|
76
|
+
background-color: #f9f9f9;
|
77
|
+
padding: 12px;
|
78
|
+
border: 1px solid #ddd;
|
79
|
+
border-radius: 2.5px;
|
80
|
+
font-size: 14px;
|
81
|
+
appearance: none;
|
82
|
+
margin-bottom: 24px;
|
83
|
+
}
|
84
|
+
|
85
|
+
h1,
|
86
|
+
.h1 {
|
87
|
+
font-size: 32px;
|
88
|
+
}
|
89
|
+
|
90
|
+
h2,
|
91
|
+
.h2 {
|
92
|
+
font-size: 24px;
|
93
|
+
}
|
94
|
+
|
95
|
+
h3,
|
96
|
+
.h3 {
|
97
|
+
font-size: 20px;
|
98
|
+
}
|
99
|
+
|
100
|
+
h4,
|
101
|
+
.h4 {
|
102
|
+
font-size: 18px;
|
103
|
+
}
|
104
|
+
|
105
|
+
h5,
|
106
|
+
.h5 {
|
107
|
+
font-size: 16px;
|
108
|
+
}
|
109
|
+
|
110
|
+
h6,
|
111
|
+
.h6 {
|
112
|
+
font-size: 14px;
|
113
|
+
}
|
114
|
+
|
115
|
+
label + p {
|
116
|
+
margin-top: -4px;
|
117
|
+
}
|
118
|
+
|
119
|
+
.container {
|
120
|
+
display: block;
|
121
|
+
margin: auto;
|
122
|
+
max-width: 40em;
|
123
|
+
padding: 48px;
|
124
|
+
}
|
125
|
+
@media (max-width: 620px) {
|
126
|
+
.container {
|
127
|
+
padding: 0;
|
128
|
+
}
|
129
|
+
}
|
130
|
+
|
131
|
+
.section {
|
132
|
+
background-color: #fff;
|
133
|
+
padding: 24px;
|
134
|
+
color: #333;
|
135
|
+
}
|
136
|
+
.section a,
|
137
|
+
.section a:visited,
|
138
|
+
.section a:focus {
|
139
|
+
color: #005F75;
|
140
|
+
}
|
141
|
+
|
142
|
+
.logo {
|
143
|
+
display: block;
|
144
|
+
margin-bottom: 12px;
|
145
|
+
}
|
146
|
+
|
147
|
+
.logo-img {
|
148
|
+
width: 100%;
|
149
|
+
height: auto;
|
150
|
+
display: inline-block;
|
151
|
+
max-width: 100%;
|
152
|
+
vertical-align: top;
|
153
|
+
padding: 6px 0;
|
154
|
+
}
|
155
|
+
|
156
|
+
.visible-ie {
|
157
|
+
display: none;
|
158
|
+
}
|
159
|
+
|
160
|
+
.push-bottom {
|
161
|
+
margin-bottom: 24px;
|
162
|
+
}
|
163
|
+
|
164
|
+
.zero-bottom {
|
165
|
+
margin-bottom: 0;
|
166
|
+
}
|
167
|
+
|
168
|
+
.zero-top {
|
169
|
+
margin-top: 0;
|
170
|
+
}
|
171
|
+
|
172
|
+
.text-center {
|
173
|
+
text-align: center;
|
174
|
+
}
|
175
|
+
|
176
|
+
[data-test-hook] {
|
177
|
+
margin-bottom: 24px;
|
178
|
+
}
|
179
|
+
|
180
|
+
/* ===== End of Section comment block ====== */
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/styles/base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAYA;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,eAtFiB;;;AAyFnB;AAAA;EAEE,WA1FoB;;;AA6FtB;AAAA;EAEE,WA9FoB;;;AAiGtB;AAAA;EAEE,WAlGoB;;;AAqGtB;AAAA;EAEE,WAtGoB;;;AAyGtB;AAAA;EAEE,WA1GoB;;;AA6GtB;AAAA;EAEE,WA9GoB;;;AAiHtB;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;;AAIJ;EACE;EACA,SAxIiB;EAyIjB;;AAEA;AAAA;AAAA;EAGE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,eArKiB;;;AAwKnB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,eArLiB;;;AAwLnB","file":"base.css"}
|
@@ -0,0 +1 @@
|
|
1
|
+
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,::after,::before{box-sizing:border-box}body,html{position:relative;margin:0;width:100%;height:100%}body{font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:16px;line-height:1.4;color:#fff;background-color:#333;overflow-x:hidden}hr,label{display:block}label,p{margin-bottom:8px}label{font-size:14px;font-weight:500;cursor:pointer}p{margin-top:0}hr{margin:30px 0;border:0;border-bottom:1px solid #eaeaea;height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:12px;font-weight:400;line-height:1.2}a,a:focus,a:visited{color:#fff;text-decoration:none;font-weight:600}.form-control{display:block;width:100%;background-color:#f9f9f9;padding:12px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;appearance:none;margin-bottom:24px}.h1,h1{font-size:32px}.h2,h2{font-size:24px}.h3,h3{font-size:20px}.h4,h4{font-size:18px}.h5,h5{font-size:16px}.h6,h6{font-size:14px}label+p{margin-top:-4px}.container{display:block;margin:auto;max-width:40em;padding:48px}@media (max-width:620px){.container{padding:0}}.section{background-color:#fff;padding:24px;color:#333}.section a,.section a:focus,.section a:visited{color:#005f75}.logo{display:block;margin-bottom:12px}.logo-img{width:100%;height:auto;display:inline-block;max-width:100%;vertical-align:top;padding:6px 0}.visible-ie{display:none}.push-bottom{margin-bottom:24px}.zero-bottom{margin-bottom:0}.zero-top{margin-top:0}.text-center{text-align:center}[data-test-hook]{margin-bottom:24px}
|
@@ -0,0 +1,338 @@
|
|
1
|
+
/* ===============================
|
2
|
+
= Choices =
|
3
|
+
=============================== */
|
4
|
+
.choices {
|
5
|
+
position: relative;
|
6
|
+
overflow: hidden;
|
7
|
+
margin-bottom: 24px;
|
8
|
+
font-size: 16px;
|
9
|
+
}
|
10
|
+
.choices:focus {
|
11
|
+
outline: none;
|
12
|
+
}
|
13
|
+
.choices:last-child {
|
14
|
+
margin-bottom: 0;
|
15
|
+
}
|
16
|
+
.choices.is-open {
|
17
|
+
overflow: visible;
|
18
|
+
}
|
19
|
+
.choices.is-disabled .choices__inner,
|
20
|
+
.choices.is-disabled .choices__input {
|
21
|
+
background-color: #eaeaea;
|
22
|
+
cursor: not-allowed;
|
23
|
+
-webkit-user-select: none;
|
24
|
+
user-select: none;
|
25
|
+
}
|
26
|
+
.choices.is-disabled .choices__item {
|
27
|
+
cursor: not-allowed;
|
28
|
+
}
|
29
|
+
.choices [hidden] {
|
30
|
+
display: none !important;
|
31
|
+
}
|
32
|
+
|
33
|
+
.choices[data-type*=select-one] {
|
34
|
+
cursor: pointer;
|
35
|
+
}
|
36
|
+
.choices[data-type*=select-one] .choices__inner {
|
37
|
+
padding-bottom: 7.5px;
|
38
|
+
}
|
39
|
+
.choices[data-type*=select-one] .choices__input {
|
40
|
+
display: block;
|
41
|
+
width: 100%;
|
42
|
+
padding: 10px;
|
43
|
+
border-bottom: 1px solid #ddd;
|
44
|
+
background-color: #fff;
|
45
|
+
margin: 0;
|
46
|
+
}
|
47
|
+
.choices[data-type*=select-one] .choices__button {
|
48
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
|
49
|
+
padding: 0;
|
50
|
+
background-size: 8px;
|
51
|
+
position: absolute;
|
52
|
+
top: 50%;
|
53
|
+
right: 0;
|
54
|
+
margin-top: -10px;
|
55
|
+
margin-right: 25px;
|
56
|
+
height: 20px;
|
57
|
+
width: 20px;
|
58
|
+
border-radius: 10em;
|
59
|
+
opacity: 0.25;
|
60
|
+
}
|
61
|
+
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
|
62
|
+
opacity: 1;
|
63
|
+
}
|
64
|
+
.choices[data-type*=select-one] .choices__button:focus {
|
65
|
+
box-shadow: 0 0 0 2px #005F75;
|
66
|
+
}
|
67
|
+
.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
|
68
|
+
display: none;
|
69
|
+
}
|
70
|
+
.choices[data-type*=select-one]::after {
|
71
|
+
content: "";
|
72
|
+
height: 0;
|
73
|
+
width: 0;
|
74
|
+
border-style: solid;
|
75
|
+
border-color: #333 transparent transparent transparent;
|
76
|
+
border-width: 5px;
|
77
|
+
position: absolute;
|
78
|
+
right: 11.5px;
|
79
|
+
top: 50%;
|
80
|
+
margin-top: -2.5px;
|
81
|
+
pointer-events: none;
|
82
|
+
}
|
83
|
+
.choices[data-type*=select-one].is-open::after {
|
84
|
+
border-color: transparent transparent #333;
|
85
|
+
margin-top: -7.5px;
|
86
|
+
}
|
87
|
+
.choices[data-type*=select-one][dir=rtl]::after {
|
88
|
+
left: 11.5px;
|
89
|
+
right: auto;
|
90
|
+
}
|
91
|
+
.choices[data-type*=select-one][dir=rtl] .choices__button {
|
92
|
+
right: auto;
|
93
|
+
left: 0;
|
94
|
+
margin-left: 25px;
|
95
|
+
margin-right: 0;
|
96
|
+
}
|
97
|
+
|
98
|
+
.choices[data-type*=select-multiple] .choices__inner,
|
99
|
+
.choices[data-type*=text] .choices__inner {
|
100
|
+
cursor: text;
|
101
|
+
}
|
102
|
+
.choices[data-type*=select-multiple] .choices__button,
|
103
|
+
.choices[data-type*=text] .choices__button {
|
104
|
+
position: relative;
|
105
|
+
display: inline-block;
|
106
|
+
margin-top: 0;
|
107
|
+
margin-right: -4px;
|
108
|
+
margin-bottom: 0;
|
109
|
+
margin-left: 8px;
|
110
|
+
padding-left: 16px;
|
111
|
+
border-left: 1px solid #003642;
|
112
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
|
113
|
+
background-size: 8px;
|
114
|
+
width: 8px;
|
115
|
+
line-height: 1;
|
116
|
+
opacity: 0.75;
|
117
|
+
border-radius: 0;
|
118
|
+
}
|
119
|
+
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
|
120
|
+
.choices[data-type*=text] .choices__button:hover,
|
121
|
+
.choices[data-type*=text] .choices__button:focus {
|
122
|
+
opacity: 1;
|
123
|
+
}
|
124
|
+
|
125
|
+
.choices__inner {
|
126
|
+
display: inline-block;
|
127
|
+
vertical-align: top;
|
128
|
+
width: 100%;
|
129
|
+
background-color: #f9f9f9;
|
130
|
+
padding: 7.5px 7.5px 3.75px;
|
131
|
+
border: 1px solid #ddd;
|
132
|
+
border-radius: 2.5px;
|
133
|
+
font-size: 14px;
|
134
|
+
min-height: 44px;
|
135
|
+
overflow: hidden;
|
136
|
+
}
|
137
|
+
.is-focused .choices__inner, .is-open .choices__inner {
|
138
|
+
border-color: #b7b7b7;
|
139
|
+
}
|
140
|
+
.is-open .choices__inner {
|
141
|
+
border-radius: 2.5px 2.5px 0 0;
|
142
|
+
}
|
143
|
+
.is-flipped.is-open .choices__inner {
|
144
|
+
border-radius: 0 0 2.5px 2.5px;
|
145
|
+
}
|
146
|
+
|
147
|
+
.choices__list {
|
148
|
+
margin: 0;
|
149
|
+
padding-left: 0;
|
150
|
+
list-style: none;
|
151
|
+
}
|
152
|
+
.choices__list--single {
|
153
|
+
display: inline-block;
|
154
|
+
padding: 4px 16px 4px 4px;
|
155
|
+
width: 100%;
|
156
|
+
}
|
157
|
+
[dir=rtl] .choices__list--single {
|
158
|
+
padding-right: 4px;
|
159
|
+
padding-left: 16px;
|
160
|
+
}
|
161
|
+
.choices__list--single .choices__item {
|
162
|
+
width: 100%;
|
163
|
+
}
|
164
|
+
|
165
|
+
.choices__list--multiple {
|
166
|
+
display: inline;
|
167
|
+
}
|
168
|
+
.choices__list--multiple .choices__item {
|
169
|
+
display: inline-block;
|
170
|
+
vertical-align: middle;
|
171
|
+
border-radius: 20px;
|
172
|
+
padding: 4px 10px;
|
173
|
+
font-size: 12px;
|
174
|
+
font-weight: 500;
|
175
|
+
margin-right: 3.75px;
|
176
|
+
margin-bottom: 3.75px;
|
177
|
+
background-color: #005F75;
|
178
|
+
border: 1px solid #004a5c;
|
179
|
+
color: #fff;
|
180
|
+
word-break: break-all;
|
181
|
+
box-sizing: border-box;
|
182
|
+
}
|
183
|
+
.choices__list--multiple .choices__item[data-deletable] {
|
184
|
+
padding-right: 5px;
|
185
|
+
}
|
186
|
+
[dir=rtl] .choices__list--multiple .choices__item {
|
187
|
+
margin-right: 0;
|
188
|
+
margin-left: 3.75px;
|
189
|
+
}
|
190
|
+
.choices__list--multiple .choices__item.is-highlighted {
|
191
|
+
background-color: #004a5c;
|
192
|
+
border: 1px solid #003642;
|
193
|
+
}
|
194
|
+
.is-disabled .choices__list--multiple .choices__item {
|
195
|
+
background-color: #aaaaaa;
|
196
|
+
border: 1px solid #919191;
|
197
|
+
}
|
198
|
+
|
199
|
+
.choices__list--dropdown, .choices__list[aria-expanded] {
|
200
|
+
display: none;
|
201
|
+
z-index: 1;
|
202
|
+
position: absolute;
|
203
|
+
width: 100%;
|
204
|
+
background-color: #fff;
|
205
|
+
border: 1px solid #ddd;
|
206
|
+
top: 100%;
|
207
|
+
margin-top: -1px;
|
208
|
+
border-bottom-left-radius: 2.5px;
|
209
|
+
border-bottom-right-radius: 2.5px;
|
210
|
+
overflow: hidden;
|
211
|
+
word-break: break-all;
|
212
|
+
}
|
213
|
+
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
|
214
|
+
display: block;
|
215
|
+
}
|
216
|
+
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
|
217
|
+
border-color: #b7b7b7;
|
218
|
+
}
|
219
|
+
.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
|
220
|
+
top: auto;
|
221
|
+
bottom: 100%;
|
222
|
+
margin-top: 0;
|
223
|
+
margin-bottom: -1px;
|
224
|
+
border-radius: 0.25rem 0.25rem 0 0;
|
225
|
+
}
|
226
|
+
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
|
227
|
+
position: relative;
|
228
|
+
max-height: 300px;
|
229
|
+
overflow: auto;
|
230
|
+
-webkit-overflow-scrolling: touch;
|
231
|
+
will-change: scroll-position;
|
232
|
+
}
|
233
|
+
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
|
234
|
+
position: relative;
|
235
|
+
padding: 10px;
|
236
|
+
font-size: 14px;
|
237
|
+
}
|
238
|
+
[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
|
239
|
+
text-align: right;
|
240
|
+
}
|
241
|
+
@media (min-width: 640px) {
|
242
|
+
.choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
|
243
|
+
padding-right: 100px;
|
244
|
+
}
|
245
|
+
.choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
|
246
|
+
content: attr(data-select-text);
|
247
|
+
font-size: 12px;
|
248
|
+
opacity: 0;
|
249
|
+
position: absolute;
|
250
|
+
right: 10px;
|
251
|
+
top: 50%;
|
252
|
+
transform: translateY(-50%);
|
253
|
+
}
|
254
|
+
[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
|
255
|
+
text-align: right;
|
256
|
+
padding-left: 100px;
|
257
|
+
padding-right: 10px;
|
258
|
+
}
|
259
|
+
[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
|
260
|
+
right: auto;
|
261
|
+
left: 10px;
|
262
|
+
}
|
263
|
+
}
|
264
|
+
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
|
265
|
+
background-color: #f2f2f2;
|
266
|
+
}
|
267
|
+
.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
|
268
|
+
opacity: 0.5;
|
269
|
+
}
|
270
|
+
|
271
|
+
.choices__item {
|
272
|
+
cursor: default;
|
273
|
+
}
|
274
|
+
|
275
|
+
.choices__item--selectable {
|
276
|
+
cursor: pointer;
|
277
|
+
}
|
278
|
+
|
279
|
+
.choices__item--disabled {
|
280
|
+
cursor: not-allowed;
|
281
|
+
-webkit-user-select: none;
|
282
|
+
user-select: none;
|
283
|
+
opacity: 0.5;
|
284
|
+
}
|
285
|
+
|
286
|
+
.choices__heading {
|
287
|
+
font-weight: 600;
|
288
|
+
font-size: 12px;
|
289
|
+
padding: 10px;
|
290
|
+
border-bottom: 1px solid #f7f7f7;
|
291
|
+
color: gray;
|
292
|
+
}
|
293
|
+
|
294
|
+
.choices__button {
|
295
|
+
text-indent: -9999px;
|
296
|
+
appearance: none;
|
297
|
+
border: 0;
|
298
|
+
background-color: transparent;
|
299
|
+
background-repeat: no-repeat;
|
300
|
+
background-position: center;
|
301
|
+
cursor: pointer;
|
302
|
+
}
|
303
|
+
.choices__button:focus {
|
304
|
+
outline: none;
|
305
|
+
}
|
306
|
+
|
307
|
+
.choices__input {
|
308
|
+
display: inline-block;
|
309
|
+
vertical-align: baseline;
|
310
|
+
background-color: #f9f9f9;
|
311
|
+
font-size: 14px;
|
312
|
+
margin-bottom: 5px;
|
313
|
+
border: 0;
|
314
|
+
border-radius: 0;
|
315
|
+
max-width: 100%;
|
316
|
+
padding: 4px 0 4px 2px;
|
317
|
+
}
|
318
|
+
.choices__input:focus {
|
319
|
+
outline: 0;
|
320
|
+
}
|
321
|
+
.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
|
322
|
+
display: none;
|
323
|
+
}
|
324
|
+
.choices__input::-ms-clear, .choices__input::-ms-reveal {
|
325
|
+
display: none;
|
326
|
+
width: 0;
|
327
|
+
height: 0;
|
328
|
+
}
|
329
|
+
[dir=rtl] .choices__input {
|
330
|
+
padding-right: 2px;
|
331
|
+
padding-left: 0;
|
332
|
+
}
|
333
|
+
|
334
|
+
.choices__placeholder {
|
335
|
+
opacity: 0.5;
|
336
|
+
}
|
337
|
+
|
338
|
+
/* ===== End of Choices ====== */
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/styles/choices.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AA2BA;EACE;EACA;EACA,eApBkB;EAqBlB,WAxBqB;;AA0BrB;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;AAAA;EAEE,kBAlCsB;EAmCtB;EACA;;AAEF;EACE;;AAIJ;EACE;;;AAIJ;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE,kBApDyB;EAqDzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAGJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;;AAOJ;AAAA;EACE;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aA5HoB;EA6HpB;EACA;EACA,kBA9HiB;EA+HjB,iBAjIuB;EAkIvB,OAlIuB;EAmIvB;EACA;EACA;;AAEA;AAAA;AAAA;EAEE;;;AAKN;EACE;EACA;EACA;EACA,kBA1JiB;EA2JjB;EACA;EACA,eA/JsB;EAgKtB,WAnKqB;EAoKrB;EACA;;AAEA;EAEE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAOF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;AACA;EACE;EACA;EACA,eA9MyB;EA+MzB;EACA,WAnNmB;EAoNnB;EACA;EACA;EACA,kBA9MoB;EA+MpB;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA,SApOgB;EAqOhB;EACA;EACA,kBAjP0B;EAkP1B;EACA;EACA;EACA,2BAzPsB;EA0PtB,4BA1PsB;EA2PtB;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA,WA1RmB;;AA4RnB;EACE;;AAKA;EADF;IAEI;;EAEA;IACE;IACA,WAtSa;IAuSb;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;;;AAMR;EACE;;AAEA;EACE;;;AAUR;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA,WAzVqB;EA0VrB;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA,kBA5WiB;EA6WjB,WAlXqB;EAmXrB;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAIE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF","file":"choices.css"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #005f75}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #003642;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#005f75;border:1px solid #004a5c;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#004a5c;border:1px solid #003642}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
import { ChoiceFull } from '../interfaces/choice-full';
|
2
|
+
import { ActionType } from '../interfaces';
|
3
|
+
import { SearchResult } from '../interfaces/search';
|
4
|
+
import { AnyAction } from '../interfaces/store';
|
5
|
+
export type ChoiceActions = AddChoiceAction | RemoveChoiceAction | FilterChoicesAction | ActivateChoicesAction | ClearChoicesAction;
|
6
|
+
export interface AddChoiceAction extends AnyAction<typeof ActionType.ADD_CHOICE> {
|
7
|
+
choice: ChoiceFull;
|
8
|
+
}
|
9
|
+
export interface RemoveChoiceAction extends AnyAction<typeof ActionType.REMOVE_CHOICE> {
|
10
|
+
choice: ChoiceFull;
|
11
|
+
}
|
12
|
+
export interface FilterChoicesAction extends AnyAction<typeof ActionType.FILTER_CHOICES> {
|
13
|
+
results: SearchResult<ChoiceFull>[];
|
14
|
+
}
|
15
|
+
export interface ActivateChoicesAction extends AnyAction<typeof ActionType.ACTIVATE_CHOICES> {
|
16
|
+
active: boolean;
|
17
|
+
}
|
18
|
+
/**
|
19
|
+
* @deprecated use clearStore() or clearChoices() instead.
|
20
|
+
*/
|
21
|
+
export interface ClearChoicesAction extends AnyAction<typeof ActionType.CLEAR_CHOICES> {
|
22
|
+
}
|
23
|
+
export declare const addChoice: (choice: ChoiceFull) => AddChoiceAction;
|
24
|
+
export declare const removeChoice: (choice: ChoiceFull) => RemoveChoiceAction;
|
25
|
+
export declare const filterChoices: (results: SearchResult<ChoiceFull>[]) => FilterChoicesAction;
|
26
|
+
export declare const activateChoices: (active?: boolean) => ActivateChoicesAction;
|
27
|
+
/**
|
28
|
+
* @deprecated use clearStore() or clearChoices() instead.
|
29
|
+
*/
|
30
|
+
export declare const clearChoices: () => ClearChoicesAction;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { GroupFull } from '../interfaces/group-full';
|
2
|
+
import { ActionType } from '../interfaces';
|
3
|
+
import { AnyAction } from '../interfaces/store';
|
4
|
+
export type GroupActions = AddGroupAction;
|
5
|
+
export interface AddGroupAction extends AnyAction<typeof ActionType.ADD_GROUP> {
|
6
|
+
group: GroupFull;
|
7
|
+
}
|
8
|
+
export declare const addGroup: (group: GroupFull) => AddGroupAction;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { ChoiceFull } from '../interfaces/choice-full';
|
2
|
+
import { ActionType } from '../interfaces';
|
3
|
+
import { AnyAction } from '../interfaces/store';
|
4
|
+
export type ItemActions = AddItemAction | RemoveItemAction | HighlightItemAction;
|
5
|
+
export interface AddItemAction extends AnyAction<typeof ActionType.ADD_ITEM> {
|
6
|
+
item: ChoiceFull;
|
7
|
+
}
|
8
|
+
export interface RemoveItemAction extends AnyAction<typeof ActionType.REMOVE_ITEM> {
|
9
|
+
item: ChoiceFull;
|
10
|
+
}
|
11
|
+
export interface HighlightItemAction extends AnyAction<typeof ActionType.HIGHLIGHT_ITEM> {
|
12
|
+
item: ChoiceFull;
|
13
|
+
highlighted: boolean;
|
14
|
+
}
|
15
|
+
export declare const addItem: (item: ChoiceFull) => AddItemAction;
|
16
|
+
export declare const removeItem: (item: ChoiceFull) => RemoveItemAction;
|
17
|
+
export declare const highlightItem: (item: ChoiceFull, highlighted: boolean) => HighlightItemAction;
|