@cfpb/cfpb-design-system 4.2.2 → 4.2.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/CHANGELOG.md +24 -1
- package/dist/base/index.css +1 -1
- package/dist/base/index.css.map +2 -2
- package/dist/base/index.js.map +1 -1
- package/dist/components/cfpb-buttons/index.css +1 -1
- package/dist/components/cfpb-buttons/index.css.map +2 -2
- package/dist/components/cfpb-buttons/index.js.map +1 -1
- package/dist/components/cfpb-expandables/index.css.map +1 -1
- package/dist/components/cfpb-forms/index.css +1 -1
- package/dist/components/cfpb-forms/index.css.map +2 -2
- package/dist/components/cfpb-forms/index.js.map +1 -1
- package/dist/components/cfpb-layout/index.css +1 -1
- package/dist/components/cfpb-layout/index.css.map +2 -2
- package/dist/components/cfpb-layout/index.js.map +1 -1
- package/dist/components/cfpb-notifications/index.css.map +1 -1
- package/dist/components/cfpb-pagination/index.css.map +1 -1
- package/dist/components/cfpb-tables/index.css.map +1 -1
- package/dist/components/cfpb-typography/index.css +1 -1
- package/dist/components/cfpb-typography/index.css.map +2 -2
- package/dist/components/cfpb-typography/index.js.map +1 -1
- package/dist/elements/cfpb-button/index.js +1 -1
- package/dist/elements/cfpb-button/index.js.map +2 -2
- package/dist/elements/cfpb-file-upload/index.js +4 -4
- package/dist/elements/cfpb-file-upload/index.js.map +2 -2
- package/dist/elements/cfpb-multiselect/index.js +1 -1
- package/dist/elements/cfpb-multiselect/index.js.map +2 -2
- package/dist/elements/cfpb-tag-topic/index.js +3 -3
- package/dist/elements/cfpb-tag-topic/index.js.map +2 -2
- package/dist/elements/index.js +3 -3
- package/dist/elements/index.js.map +2 -2
- package/dist/index.css +1 -1
- package/dist/index.css.map +2 -2
- package/dist/index.js +3 -3
- package/dist/index.js.map +2 -2
- package/dist/utilities/index.css.map +1 -1
- package/package.json +1 -1
- package/src/base/base.scss +1 -1
- package/src/components/cfpb-buttons/button-link.scss +0 -1
- package/src/components/cfpb-layout/card.scss +1 -0
- package/src/components/cfpb-typography/mixins.scss +3 -0
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../packages/cfpb-design-system/src/utilities/utilities.scss", "../../../../packages/cfpb-design-system/src/utilities/transition/transition.scss"],
|
|
4
4
|
"sourcesContent": [":root{--font-adjust-base:0.517;--font-adjust-step:0.0054;--font-adjust-h1:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*5);--font-adjust-h2:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*4);--font-adjust-h3:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*3);--font-adjust-h4:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*2);--font-adjust-h5:calc(var(--font-size-adjust-base) + var(--font-adjust-step)*1);--font-adjust-h6:var(--font-adjust-base);--font-adjust-body:var(--font-adjust-base);--input-text-default:var(--black);--input-text-disabled-default:var(--gray-dark);--input-text-placeholder-default:var(--gray-dark);--input-border-default:var(--gray-60);--input-border-disabled:var(--gray-60);--input-border-success:var(--green);--input-border-warning:var(--gold);--input-border-error:var(--red);--input-border-hover-default:var(--pacific);--input-border-focus-default:var(--pacific);--input-bg-default:var(--white);--input-bg-disabled-default:var(--gray-10);--form-alert-icon-color-default:var(--gray);--form-alert-icon-color-success:var(--green);--form-alert-icon-color-warning:var(--gold);--form-alert-icon-color-error:var(--red);--select-border-default:var(--gray-60);--select-border-width-default:1px;--select-border-error:var(--red);--select-border-width-error:2px;--select-border-hover-default:var(--pacific);--select-border-focus-default:var(--pacific);--select-bg-disabled-default:var(--gray-10);--select-icon-bg-default:var(--gray-10);--select-text-disabled-default:var(--gray-dark);--choice-border-default:var(--gray-60);--choice-border-disabled:var(--gray-60);--choice-border-success:var(--green);--choice-border-warning:var(--gold);--choice-border-error:var(--red);--choice-border-hover-default:var(--pacific);--choice-border-focus-default:var(--pacific);--choice-outline-focus-default:var(--pacific);--choice-bg-default:var(--white);--choice-bg-disabled:var(--gray-10);--choice-bg-selected-default:var(--pacific);--choice-bg-selected-disabled:var(--gray-40);--choice-bg-selected-focus-default:var(--pacific);--choice-label-disabled-default:var(--gray-dark)}.no-js .u-js-only,.u-hide-if-js{display:none!important}.no-js .u-hide-if-js{display:block!important}@media screen{.u-print-only{display:none}}@media print{.u-screen-only{display:none}}.u-clearfix:after{clear:both;content:\"\";display:table}.u-visually-hidden{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}@media only screen and (max-width:37.5em){.u-hide-on-mobile{display:none}}@media only screen and (min-width:37.5625em){.u-show-on-mobile{display:none}}.u-hidden{display:none!important}.u-invisible{visibility:hidden}.u-right{float:right}.u-nowrap{white-space:nowrap}.u-flexible-container{height:0;padding-bottom:56.25%;position:relative}.u-flexible-container__inner{height:100%;left:0;position:absolute;top:0;width:100%}.u-flexible-container--4-3{height:0;padding-bottom:75%;position:relative}.u-mt0{margin-top:0!important}.u-mb0{margin-bottom:0!important}.u-mt5{margin-top:5px!important}.u-mb5{margin-bottom:5px!important}.u-mt10{margin-top:10px!important}.u-mb10{margin-bottom:10px!important}.u-mt15{margin-top:15px!important}.u-mb15{margin-bottom:15px!important}.u-mt20{margin-top:20px!important}.u-mb20{margin-bottom:20px!important}.u-mt30{margin-top:30px!important}.u-mb30{margin-bottom:30px!important}.u-mt45{margin-top:45px!important}.u-mb45{margin-bottom:45px!important}.u-mt60{margin-top:60px!important}.u-mb60{margin-bottom:60px!important}.u-w100pct{width:100%}.u-w90pct{width:90%}.u-w80pct{width:80%}.u-w70pct{width:70%}.u-w60pct{width:60%}.u-w50pct{width:50%}.u-w40pct{width:40%}.u-w30pct{width:30%}.u-w20pct{width:20%}.u-w10pct{width:10%}.u-w75pct{width:75%}.u-w65pct{width:65%}.u-w25pct{width:25%}.u-w15pct{width:15%}.u-w66pct{width:66.6666666667%}.u-w33pct{width:33.3333333333%}.u-small-text,small{font-size:.875em}.u-small-text--subtle,small--subtle{color:var(--gray)}", ".u-no-animation{transition-duration:0s!important}.u-move-transition{transition:transform .25s ease-out}.u-move-to-origin{transform:translateZ(0)}.u-move-left{transform:translate3d(-100%,0,0)}.u-move-left-2x{transform:translate3d(-200%,0,0)}.u-move-left-3x{transform:translate3d(-300%,0,0)}.u-move-right{transform:translate3d(100%,0,0)}.u-move-up{transform:translate3d(0,-100%,0)}.u-alpha-transition{transition:opacity .25s linear}.u-alpha-100{opacity:1}.u-alpha-0{opacity:0}.u-max-height-transition{contain:paint;overflow:hidden;transition:max-height .2s ease-out}.u-max-height-zero{max-height:0!important}.u-max-height-summary{max-height:88px!important}"],
|
|
5
|
-
"mappings": "AAAA,MAAM,mBAAmB,KAAM,mBAAmB,MAAO,iBAAiB,KAAK,IAAI,yBAAyB,EAAE,IAAI,mBAAmB,CAAC,GAAG,iBAAiB,KAAK,IAAI,yBAAyB,EAAE,IAAI,mBAAmB,CAAC,GAAG,iBAAiB,KAAK,IAAI,yBAAyB,EAAE,IAAI,mBAAmB,CAAC,GAAG,iBAAiB,KAAK,IAAI,yBAAyB,EAAE,IAAI,mBAAmB,CAAC,GAAG,iBAAiB,KAAK,IAAI,yBAAyB,EAAE,IAAI,mBAAmB,CAAC,GAAG,iBAAiB,IAAI,oBAAoB,mBAAmB,IAAI,oBAAoB,qBAAqB,IAAI,SAAS,8BAA8B,IAAI,aAAa,iCAAiC,IAAI,aAAa,uBAAuB,IAAI,WAAW,wBAAwB,IAAI,WAAW,uBAAuB,IAAI,SAAS,uBAAuB,IAAI,QAAQ,qBAAqB,IAAI,OAAO,6BAA6B,IAAI,WAAW,6BAA6B,IAAI,WAAW,mBAAmB,IAAI,SAAS,4BAA4B,IAAI,WAAW,gCAAgC,IAAI,QAAQ,gCAAgC,IAAI,SAAS,gCAAgC,IAAI,QAAQ,8BAA8B,IAAI,OAAO,wBAAwB,IAAI,WAAW,8BAA8B,IAAI,sBAAsB,IAAI,OAAO,4BAA4B,IAAI,8BAA8B,IAAI,WAAW,8BAA8B,IAAI,WAAW,6BAA6B,IAAI,WAAW,yBAAyB,IAAI,WAAW,+BAA+B,IAAI,aAAa,wBAAwB,IAAI,WAAW,yBAAyB,IAAI,WAAW,wBAAwB,IAAI,SAAS,wBAAwB,IAAI,QAAQ,sBAAsB,IAAI,OAAO,8BAA8B,IAAI,WAAW,8BAA8B,IAAI,WAAW,+BAA+B,IAAI,WAAW,oBAAoB,IAAI,SAAS,qBAAqB,IAAI,WAAW,6BAA6B,IAAI,WAAW,8BAA8B,IAAI,WAAW,mCAAmC,IAAI,WAAW,gCAAgC,IAAI,YAAY,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,aAAa,QAAQ,cAAc,CAAC,CAAtD,MAA6D,CAA3C,aAAyD,QAAQ,eAAe,CAAC,OAAO,OAAO,CAAC,aAAa,QAAQ,IAAI,CAAC,CAAC,OAAO,MAAM,CAAC,cAAc,QAAQ,IAAI,CAAC,CAAC,CAAC,UAAU,OAAO,MAAM,KAAK,QAAQ,GAAG,QAAQ,KAAK,CAAC,CAAC,kBAAkB,OAAO,EAAE,OAAO,IAAh2E,OAA22E,KAAK,SAAS,OAAz3E,QAAw4E,EAAE,SAAS,SAAS,MAAM,IAAI,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,OAAO,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
package/src/base/base.scss
CHANGED
|
@@ -30,6 +30,7 @@ textarea {
|
|
|
30
30
|
// which will make the button taller than the input.
|
|
31
31
|
// Fix that by setting the line height on the button and the input.
|
|
32
32
|
line-height: math.div(19px, $base-font-size-px);
|
|
33
|
+
font-size-adjust: var(--font-adjust-body);
|
|
33
34
|
}
|
|
34
35
|
|
|
35
36
|
/*
|
|
@@ -179,7 +180,6 @@ a {
|
|
|
179
180
|
|
|
180
181
|
&:focus,
|
|
181
182
|
&.focus {
|
|
182
|
-
text-decoration-style: solid;
|
|
183
183
|
outline: thin dotted;
|
|
184
184
|
outline-offset: 1px;
|
|
185
185
|
}
|