@inriver/inri 1.27.0 → 1.28.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.
Files changed (6) hide show
  1. package/.changeset/witty-trains-attend.md +5 -0
  2. package/CHANGELOG.md +16 -0
  3. package/configs/base-tailwind-config.js +2 -0
  4. package/package.json +1 -1
  5. package/src/components/CSelect.vue +8 -4
  6. package/src/styles/_css-variables.scss +1 -0
package/.changeset/witty-trains-attend.md ADDED
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@inriver/inri": patch
3
+ ---
4
+
5
+ Fix error when CSelect is passed object options with falsy values
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @inriver/inri
2
2
 
3
+ ## 1.28.0
4
+
5
+ ### Minor Changes
6
+
7
+ - Update documentation
8
+ - Wallop font is now included in the package
9
+ - Updating README and exporting tailwing config
10
+
11
+ ### Patch Changes
12
+
13
+ - Fix CSelect placeholder color. Modularize Sass imports. Include inri typings when bundling
14
+ - Fix Sass warnings and errors by removing usage of @apply and updating Quasar + sass dependencies
15
+ - Add support for hiding the sidebars in CLayoutWithSidebars. Add support for entering a custom title in CLayoutWithSidebars
16
+ - Add support for showing placeholder ()in CSelect eoutside of use-input mode
17
+ - Fix error when CSelect is passed object options with falsy values
18
+
3
19
  ## 1.27.0
4
20
 
5
21
  ### Minor Changes
package/configs/base-tailwind-config.js CHANGED
@@ -31,6 +31,7 @@ export const baseTailwindConfig = {
31
31
  green: 'var(--color-green)',
32
32
  'green-light': 'var(--color-green-light)',
33
33
  'green-light-30': 'var(--color-green-light-30)',
34
+ 'green-light-60': 'var(--color-green-light-60)',
34
35
 
35
36
  primary: 'var(--q-primary)',
36
37
  'on-primary': 'var(--on-primary-color)',
@@ -90,6 +91,7 @@ export const baseTailwindConfig = {
90
91
  'bg-yellow-light',
91
92
  'bg-green-light',
92
93
  'bg-green-light-30',
94
+ 'bg-green-light-60',
93
95
 
94
96
  'text-blue-light',
95
97
  'text-purple-light',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inriver/inri",
3
- "version": "1.27.0",
3
+ "version": "1.28.0",
4
4
  "main": "index.ts",
5
5
  "types": "main.d.ts",
6
6
  "peerDependencies": {
package/src/components/CSelect.vue CHANGED
@@ -21,9 +21,11 @@
21
21
  v-if="!useInput && (modelValue === undefined || modelValue === null)"
22
22
  #selected
23
23
  >
24
- <div class="text-grey">
25
- {{ selectedPlaceholder }}
26
- </div>
24
+ <slot name="placeholder">
25
+ <div class="text-grey">
26
+ {{ selectedPlaceholder }}
27
+ </div>
28
+ </slot>
27
29
  </template>
28
30
 
29
31
  <template #no-option>
@@ -142,7 +144,9 @@ const selectedPlaceholder = computed(() => {
142
144
  })
143
145
 
144
146
  function getOptionLabel (opt) {
145
- return opt[props.optionLabel] || opt
147
+ return typeof opt === 'object' && opt !== null && props.optionLabel in opt
148
+ ? opt[props.optionLabel]
149
+ : opt
146
150
  }
147
151
 
148
152
  function filter (val, update) {
package/src/styles/_css-variables.scss CHANGED
@@ -23,6 +23,7 @@
23
23
  --color-green: #00b06e;
24
24
  --color-green-light: #66d0a8;
25
25
  --color-green-light-30: rgba(102,208,168,0.3);
26
+ --color-green-light-60: rgba(102,208,168,0.6);
26
27
  --color-green-10: #e5f7f0;
27
28
 
28
29
  // Surface is a special color defined in Material Design but not part of Quasar. We still want to use it though.