@cfpb/cfpb-design-system 5.1.0 → 5.2.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.
- package/CHANGELOG.md +18 -1
- package/dist/index.css +1 -1
- package/dist/index.js +263 -263
- package/package.json +1 -1
- package/src/components/cfpb-forms/form-field.scss +3 -4
- package/src/components/cfpb-forms/multiselect.js +1 -2
- package/src/components/cfpb-forms/multiselect.scss +3 -2
- package/src/components/cfpb-forms/select.scss +3 -2
- package/src/components/cfpb-icons/icons-lib.js +680 -0
- package/src/components/cfpb-icons/icons-lib.scss +679 -0
- package/src/elements/cfpb-checkbox-icon/cfpb-checkbox-icon.component.scss +3 -4
- package/src/elements/cfpb-expandable/index.js +4 -2
- package/src/elements/cfpb-form-alert/index.js +5 -3
- package/src/elements/cfpb-form-search-input/index.js +4 -2
- package/src/elements/cfpb-list-item/cfpb-list-item.component.scss +2 -1
- package/src/elements/cfpb-pagination/index.js +1 -2
- package/src/elements/cfpb-select/index.js +4 -2
- package/src/elements/cfpb-tag-filter/index.js +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@use 'sass:math';
|
|
2
2
|
@use '@cfpb/cfpb-design-system/src/elements/abstracts' as *;
|
|
3
3
|
@use '@cfpb/cfpb-design-system/src/utilities' as *;
|
|
4
|
+
@use '@cfpb/cfpb-design-system/src/components/cfpb-icons/icons-lib' as *;
|
|
4
5
|
|
|
5
6
|
:host {
|
|
6
7
|
// Theme variables.
|
|
@@ -32,7 +33,7 @@
|
|
|
32
33
|
}
|
|
33
34
|
|
|
34
35
|
.checked::before {
|
|
35
|
-
|
|
36
|
+
background-image: $cfpb-background-icon-svg-approved;
|
|
36
37
|
background-size: auto $cf-icon-height;
|
|
37
38
|
background-repeat: no-repeat;
|
|
38
39
|
background-position: center 0;
|
|
@@ -47,9 +48,7 @@
|
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
.checked.disabled::before {
|
|
50
|
-
|
|
51
|
-
// For some reason SVG isn't accepting hex values for the fill.
|
|
52
|
-
--cfpb-background-icon-svg: 'approved rgb(90,93,97)';
|
|
51
|
+
background-image: $cfpb-background-icon-svg-approved-gray;
|
|
53
52
|
}
|
|
54
53
|
|
|
55
54
|
.cfpb-checkbox-icon:not(.disabled, .borderless).focus::before,
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { LitElement, html, css, unsafeCSS } from 'lit';
|
|
2
2
|
import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
|
|
3
3
|
import styles from './cfpb-expandable.component.scss?inline';
|
|
4
|
-
import
|
|
5
|
-
|
|
4
|
+
import {
|
|
5
|
+
plusRoundIcon as expandIcon,
|
|
6
|
+
minusRoundIcon as collapseIcon,
|
|
7
|
+
} from '../../components/cfpb-icons/icons-lib.js';
|
|
6
8
|
import { MaxHeightTransition } from '../../utilities/transition/max-height-transition';
|
|
7
9
|
import { FlyoutMenu } from '../../utilities/behavior/flyout-menu';
|
|
8
10
|
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { LitElement, html, css, unsafeCSS } from 'lit';
|
|
2
2
|
import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
|
|
3
3
|
import styles from './cfpb-form-alert.component.scss?inline';
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
import {
|
|
5
|
+
errorRoundIcon as errorIcon,
|
|
6
|
+
warningRoundIcon as warningIcon,
|
|
7
|
+
approvedRoundIcon as successIcon,
|
|
8
|
+
} from '../../components/cfpb-icons/icons-lib.js';
|
|
7
9
|
|
|
8
10
|
/**
|
|
9
11
|
* @element cfpb-form-search
|
|
@@ -3,8 +3,10 @@ import { ref, createRef } from 'lit/directives/ref.js';
|
|
|
3
3
|
import styles from './cfpb-form-search-input.component.scss?inline';
|
|
4
4
|
import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
|
|
5
5
|
|
|
6
|
-
import
|
|
7
|
-
|
|
6
|
+
import {
|
|
7
|
+
searchIcon,
|
|
8
|
+
errorIcon as clearIcon,
|
|
9
|
+
} from '../../components/cfpb-icons/icons-lib.js';
|
|
8
10
|
|
|
9
11
|
/**
|
|
10
12
|
* @element cfpb-form-search-input
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use 'sass:math';
|
|
2
2
|
@use '@cfpb/cfpb-design-system/src/elements/abstracts' as *;
|
|
3
|
+
@use '@cfpb/cfpb-design-system/src/components/cfpb-icons/icons-lib' as *;
|
|
3
4
|
|
|
4
5
|
:host {
|
|
5
6
|
// Theme variables.
|
|
@@ -48,7 +49,7 @@
|
|
|
48
49
|
|
|
49
50
|
:host([checked]) {
|
|
50
51
|
.checkbox::before {
|
|
51
|
-
|
|
52
|
+
background-image: $cfpb-background-icon-svg-approved;
|
|
52
53
|
|
|
53
54
|
background-size: auto $cf-icon-height;
|
|
54
55
|
background-repeat: no-repeat;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { LitElement, html, css, unsafeCSS } from 'lit';
|
|
2
2
|
import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
|
|
3
3
|
import styles from './cfpb-pagination.component.scss?inline';
|
|
4
|
-
import leftIcon from '../../components/cfpb-icons/icons
|
|
5
|
-
import rightIcon from '../../components/cfpb-icons/icons/right.svg?raw';
|
|
4
|
+
import { leftIcon, rightIcon } from '../../components/cfpb-icons/icons-lib.js';
|
|
6
5
|
import { I18nService, MediaQueryService } from '../cfpb-utilities/';
|
|
7
6
|
|
|
8
7
|
/**
|
|
@@ -2,8 +2,10 @@ import { html, LitElement, css, unsafeCSS, nothing } from 'lit';
|
|
|
2
2
|
import { ref, createRef } from 'lit/directives/ref.js';
|
|
3
3
|
import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
|
|
4
4
|
import styles from './cfpb-select.component.scss?inline';
|
|
5
|
-
import
|
|
6
|
-
|
|
5
|
+
import {
|
|
6
|
+
downIcon as expandIcon,
|
|
7
|
+
upIcon as collapseIcon,
|
|
8
|
+
} from '../../components/cfpb-icons/icons-lib.js';
|
|
7
9
|
import { CfpbFormSearchInput } from '../cfpb-form-search-input';
|
|
8
10
|
import { SearchService } from '../cfpb-utilities/search-service.js';
|
|
9
11
|
import { MaxHeightTransition } from '../../utilities/transition/max-height-transition';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LitElement, html, css, unsafeCSS } from 'lit';
|
|
2
2
|
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
|
|
3
3
|
import styles from './cfpb-tag-filter.component.scss?inline';
|
|
4
|
-
import icon from '../../components/cfpb-icons/icons
|
|
4
|
+
import { errorIcon as icon } from '../../components/cfpb-icons/icons-lib';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
*
|