@orangesk/orange-design-system 3.1.0 → 3.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/build/components/BodyBanner/style.css +1 -1
- package/build/components/BodyBanner/style.css.map +1 -1
- package/build/components/List/style.css +1 -1
- package/build/components/List/style.css.map +1 -1
- package/build/components/index.js +1 -1
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +16 -4
- package/build/components/types/src/components/Carousel/Carousel.d.ts +10 -3
- package/build/components/types/src/components/index.d.ts +2 -2
- package/build/lib/base.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/scripts.js +1 -1
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/utilities.css +1 -1
- package/build/lib/utilities.css.map +1 -1
- package/build/search-index.json +2 -2
- package/build/sprite.svg +1 -1
- package/package.json +8 -8
- package/src/assets/icons/add.svg +4 -1
- package/src/assets/icons/close.svg +3 -3
- package/src/assets/icons/menu.svg +4 -1
- package/src/assets/icons/pause.svg +3 -3
- package/src/assets/icons/play.svg +2 -2
- package/src/assets/icons/remove.svg +4 -1
- package/src/assets/icons/search.svg +4 -1
- package/src/components/BodyBanner/styles/mixins.scss +5 -1
- package/src/components/Carousel/Carousel.tsx +27 -8
- package/src/components/Carousel/tests/Carousel.unit.test.jsx +29 -0
- package/src/components/Forms/Autocomplete/styles/mixins.scss +3 -2
- package/src/components/Forms/Autocomplete/tests/Autocomplete.styles.unit.test.jsx +20 -0
- package/src/components/List/styles/config.scss +1 -1
- package/src/components/index.ts +2 -1
- package/src/styles/typography/mixins.scss +4 -0
- package/src/styles/utilities/text.scss +3 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.body-banner{background-color:var(--color-background-primary);color:var(--color-text-default);display:flex}.body-banner:not([class*=background-],[class*=surface-],[class*=fill-],[style*="--color-background"],[style*="--color-fill"],[style*="--color-surface"]){border:1px solid var(--color-border-
|
|
1
|
+
@layer components{.body-banner{background-color:var(--color-background-primary);color:var(--color-text-default);display:flex}.body-banner:not([class*=background-],[class*=surface-],[class*=fill-],[style*="--color-background"],[style*="--color-fill"],[style*="--color-surface"]){border:1px solid var(--color-border-strong)}.body-banner.background-accent{border:1px solid var(--color-border-accent)}.body-banner.grid{margin-left:0!important;margin-right:0!important}.body-banner__content{align-items:center;display:flex;padding:0!important;width:100%}@media screen and (max-width:767.98px){.body-banner__content{align-items:flex-start;flex-direction:column}}.body-banner__content-inner{display:flex;gap:3.75rem;padding:1.875rem;width:100%}.body-banner__content-inner>div:not(.body-banner__button){flex:1;min-width:0}.body-banner__content-inner>div:not(.body-banner__button)>:last-child{margin-bottom:0}@media screen and (max-width:1239.98px){.body-banner__content-inner{display:flex;flex-direction:column;gap:1.875rem}}@media screen and (max-width:767.98px){.body-banner__content-inner{padding:.9375rem}}.body-banner__image{flex-shrink:0;padding:0!important}.body-banner__image img,.body-banner__image svg{margin:1.875rem 0 1.875rem 1.875rem!important;max-height:7.5rem;object-fit:cover}@media screen and (max-width:767.98px){.body-banner__image img,.body-banner__image svg{margin:.9375rem 0 .9375rem .9375rem!important}}.body-banner__button{align-items:center;display:flex;margin:0!important}.body-banner--large .body-banner__content-inner{display:flex;flex-direction:column;padding:3.75rem}@media screen and (max-width:1239.98px){.body-banner--large .body-banner__content-inner{padding:1.875rem}}.body-banner--large .body-banner__image img{display:block;height:100%;margin:0!important;max-height:none;object-fit:cover;object-position:center;width:100%}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,aAGE,gDAAiD,CADjD,+BAAgC,CADhC,YAGF,CACA,yJAME,2CACF,CACA,kBACE,uBAAyB,CACzB,wBACF,CACA,sBAGE,kBAAmB,CADnB,YAAa,CADb,mBAAqB,CAGrB,UACF,CACA,uCACE,sBAEE,sBAAuB,CADvB,qBAEF,CACF,CACA,4BAEE,YAAa,CAEb,WAAY,CADZ,gBAAiB,CAFjB,UAIF,CACA,0DACE,MAAO,CACP,WACF,CACA,sEACE,eACF,CACA,wCACE,4BACE,YAAa,CACb,qBAAsB,CACtB,YACF,CACF,CACA,uCACE,4BACE,gBACF,CACF,CACA,oBAEE,aAAc,CADd,mBAEF,CACA,gDAIE,6CAA+C,CAF/C,iBAAkB,CAClB,gBAEF,CACA,uCACE,gDAEE,6CACF,CACF,CACA,qBAEE,kBAAmB,CADnB,YAAa,CAEb,kBACF,CACA,gDACE,YAAa,CACb,qBAAsB,CACtB,eACF,CACA,wCACE,gDACE,gBACF,CACF,CACA,4CAOE,aAAc,CALd,WAAY,CAIZ,kBAAoB,CAHpB,eAAgB,CAChB,gBAAiB,CACjB,sBAAuB,CAJvB,UAOF,CACF","file":"style.css","sourcesContent":["@layer components {\n .body-banner {\n display: flex;\n color: var(--color-text-default);\n background-color: var(--color-background-primary);\n }\n .body-banner:not([class*=background-],\n [class*=surface-],\n [class*=fill-],\n [style*=\"--color-background\"],\n [style*=\"--color-fill\"],\n [style*=\"--color-surface\"]) {\n border: 1px solid var(--color-border-
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,aAGE,gDAAiD,CADjD,+BAAgC,CADhC,YAGF,CACA,yJAME,2CACF,CACA,+BACE,2CACF,CACA,kBACE,uBAAyB,CACzB,wBACF,CACA,sBAGE,kBAAmB,CADnB,YAAa,CADb,mBAAqB,CAGrB,UACF,CACA,uCACE,sBAEE,sBAAuB,CADvB,qBAEF,CACF,CACA,4BAEE,YAAa,CAEb,WAAY,CADZ,gBAAiB,CAFjB,UAIF,CACA,0DACE,MAAO,CACP,WACF,CACA,sEACE,eACF,CACA,wCACE,4BACE,YAAa,CACb,qBAAsB,CACtB,YACF,CACF,CACA,uCACE,4BACE,gBACF,CACF,CACA,oBAEE,aAAc,CADd,mBAEF,CACA,gDAIE,6CAA+C,CAF/C,iBAAkB,CAClB,gBAEF,CACA,uCACE,gDAEE,6CACF,CACF,CACA,qBAEE,kBAAmB,CADnB,YAAa,CAEb,kBACF,CACA,gDACE,YAAa,CACb,qBAAsB,CACtB,eACF,CACA,wCACE,gDACE,gBACF,CACF,CACA,4CAOE,aAAc,CALd,WAAY,CAIZ,kBAAoB,CAHpB,eAAgB,CAChB,gBAAiB,CACjB,sBAAuB,CAJvB,UAOF,CACF","file":"style.css","sourcesContent":["@layer components {\n .body-banner {\n display: flex;\n color: var(--color-text-default);\n background-color: var(--color-background-primary);\n }\n .body-banner:not([class*=background-],\n [class*=surface-],\n [class*=fill-],\n [style*=\"--color-background\"],\n [style*=\"--color-fill\"],\n [style*=\"--color-surface\"]) {\n border: 1px solid var(--color-border-strong);\n }\n .body-banner.background-accent {\n border: 1px solid var(--color-border-accent);\n }\n .body-banner.grid {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .body-banner__content {\n padding: 0 !important;\n display: flex;\n align-items: center;\n width: 100%;\n }\n @media screen and (max-width: 767.98px) {\n .body-banner__content {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n .body-banner__content-inner {\n width: 100%;\n display: flex;\n padding: 1.875rem;\n gap: 3.75rem;\n }\n .body-banner__content-inner > div:not(.body-banner__button) {\n flex: 1;\n min-width: 0;\n }\n .body-banner__content-inner > div:not(.body-banner__button) > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (max-width: 1239.98px) {\n .body-banner__content-inner {\n display: flex;\n flex-direction: column;\n gap: 1.875rem;\n }\n }\n @media screen and (max-width: 767.98px) {\n .body-banner__content-inner {\n padding: 0.9375rem;\n }\n }\n .body-banner__image {\n padding: 0 !important;\n flex-shrink: 0;\n }\n .body-banner__image img,\n .body-banner__image svg {\n max-height: 7.5rem;\n object-fit: cover;\n margin: 1.875rem 0 1.875rem 1.875rem !important;\n }\n @media screen and (max-width: 767.98px) {\n .body-banner__image img,\n .body-banner__image svg {\n margin: 0.9375rem 0 0.9375rem 0.9375rem !important;\n }\n }\n .body-banner__button {\n display: flex;\n align-items: center;\n margin: 0 !important;\n }\n .body-banner--large .body-banner__content-inner {\n display: flex;\n flex-direction: column;\n padding: 3.75rem;\n }\n @media screen and (max-width: 1239.98px) {\n .body-banner--large .body-banner__content-inner {\n padding: 1.875rem;\n }\n }\n .body-banner--large .body-banner__image img {\n width: 100%;\n height: 100%;\n max-height: none;\n object-fit: cover;\n object-position: center;\n margin: 0 !important;\n display: block;\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.list{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.list>li{margin-bottom:0}.list>li:before{content:" ";height:0;position:absolute;width:0}.list{margin-bottom:1.875rem}.list>*{border-top:1px solid}.list>:last-child{border-bottom:1px solid}.list--spacious>:first-child{border-top-width:0}.list--spacious>:last-child{border-bottom-width:0}.list__item{position:relative}.list__item>:last-child{margin-bottom:0}.list__item ul{list-style-type:square}.list__item ul ul{list-style-type:disc}.list__item ul ul ul{list-style-type:circle}.list--enclosed>.list__item{padding-left:1.25rem;padding-right:1.25rem}.list--enclosed>.list__item:first-child{border-top-width:0}.list--enclosed>.list__item:last-child{border-bottom-width:0}.list>.list__item{background-color:var(--color-background-primary);border-color:var(--color-border-strong)}.list--gray>.list__item{background-color:var(--color-
|
|
1
|
+
@layer components{.list{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.list>li{margin-bottom:0}.list>li:before{content:" ";height:0;position:absolute;width:0}.list{margin-bottom:1.875rem}.list>*{border-top:1px solid}.list>:last-child{border-bottom:1px solid}.list--spacious>:first-child{border-top-width:0}.list--spacious>:last-child{border-bottom-width:0}.list__item{position:relative}.list__item>:last-child{margin-bottom:0}.list__item ul{list-style-type:square}.list__item ul ul{list-style-type:disc}.list__item ul ul ul{list-style-type:circle}.list--enclosed>.list__item{padding-left:1.25rem;padding-right:1.25rem}.list--enclosed>.list__item:first-child{border-top-width:0}.list--enclosed>.list__item:last-child{border-bottom-width:0}.list>.list__item{background-color:var(--color-background-primary);border-color:var(--color-border-strong)}.list--gray>.list__item{background-color:var(--color-background-secondary);border-color:var(--color-border-strong)}.list>.list__item{padding-bottom:1.25rem;padding-top:1.25rem}.list--small>.list__item{padding-bottom:.625rem;padding-top:.625rem}.list__control{color:var(--color-text-primary);display:flex;flex-wrap:nowrap;font-weight:700;text-align:left;width:100%}.list__control:focus,.list__control:hover{color:var(--color-surface-secondary);text-decoration:none}.list__control:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.list__indicator{align-self:center;flex-shrink:0;margin-bottom:-2px;margin-left:auto;margin-top:-2px}.list--nested-enclosed>.list__item:not(:first-child){border-width:1px}.list--nested-enclosed>.list__item:last-child{border-bottom:0}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MACE,eAAgB,CAChB,8BAAgC,CAEhC,QAAS,CADT,cAAe,CAEf,SACF,CACA,SACE,eAEF,CACA,gBACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,MACE,sBACF,CACA,QACE,oBACF,CACA,kBACE,uBACF,CACA,6BACE,kBACF,CACA,4BACE,qBACF,CACA,YACE,iBACF,CACA,wBACE,eACF,CACA,eACE,sBACF,CACA,kBACE,oBACF,CACA,qBACE,sBACF,CACA,4BACE,oBAAqB,CACrB,qBACF,CACA,wCACE,kBACF,CACA,uCACE,qBACF,CACA,kBACE,gDAAiD,CACjD,uCACF,CACA,wBACE,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MACE,eAAgB,CAChB,8BAAgC,CAEhC,QAAS,CADT,cAAe,CAEf,SACF,CACA,SACE,eAEF,CACA,gBACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,MACE,sBACF,CACA,QACE,oBACF,CACA,kBACE,uBACF,CACA,6BACE,kBACF,CACA,4BACE,qBACF,CACA,YACE,iBACF,CACA,wBACE,eACF,CACA,eACE,sBACF,CACA,kBACE,oBACF,CACA,qBACE,sBACF,CACA,4BACE,oBAAqB,CACrB,qBACF,CACA,wCACE,kBACF,CACA,uCACE,qBACF,CACA,kBACE,gDAAiD,CACjD,uCACF,CACA,wBACE,kDAAmD,CACnD,uCACF,CACA,kBAEE,sBAAuB,CADvB,mBAEF,CACA,yBAEE,sBAAwB,CADxB,mBAEF,CACA,eAME,+BAAgC,CALhC,YAAa,CACb,gBAAiB,CAGjB,eAAiB,CADjB,eAAgB,CADhB,UAIF,CAKA,0CACE,oCAAqC,CACrC,oBACF,CACA,sBACE,UAAW,CAKX,WAAY,CAFZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAEN,UAEF,CACA,iBAGE,iBAAkB,CADlB,aAAc,CAGd,kBAAmB,CAJnB,gBAAiB,CAGjB,eAEF,CACA,qDACE,gBACF,CACA,8CACE,eACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .list {\n list-style: none;\n list-style-type: none !important;\n max-width: none;\n margin: 0;\n padding: 0;\n }\n .list > li {\n margin-bottom: 0;\n /* Fixes VoiceOver no announcing unordered lists */\n }\n .list > li::before {\n content: \" \";\n position: absolute;\n width: 0;\n height: 0;\n }\n .list {\n margin-bottom: 1.875rem;\n }\n .list > * {\n border-top: 1px solid;\n }\n .list > *:last-child {\n border-bottom: 1px solid;\n }\n .list--spacious > *:first-child {\n border-top-width: 0;\n }\n .list--spacious > *:last-child {\n border-bottom-width: 0;\n }\n .list__item {\n position: relative;\n }\n .list__item > *:last-child {\n margin-bottom: 0;\n }\n .list__item ul {\n list-style-type: square;\n }\n .list__item ul ul {\n list-style-type: disc;\n }\n .list__item ul ul ul {\n list-style-type: circle;\n }\n .list--enclosed > .list__item {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n }\n .list--enclosed > .list__item:first-child {\n border-top-width: 0;\n }\n .list--enclosed > .list__item:last-child {\n border-bottom-width: 0;\n }\n .list > .list__item {\n background-color: var(--color-background-primary);\n border-color: var(--color-border-strong);\n }\n .list--gray > .list__item {\n background-color: var(--color-background-secondary);\n border-color: var(--color-border-strong);\n }\n .list > .list__item {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n }\n .list--small > .list__item {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n }\n .list__control {\n display: flex;\n flex-wrap: nowrap;\n width: 100%;\n text-align: left;\n font-weight: bold;\n color: var(--color-text-primary);\n }\n .list__control:hover {\n color: var(--color-surface-secondary);\n text-decoration: none;\n }\n .list__control:focus {\n color: var(--color-surface-secondary);\n text-decoration: none;\n }\n .list__control::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n .list__indicator {\n margin-left: auto;\n flex-shrink: 0;\n align-self: center;\n margin-top: -2px;\n margin-bottom: -2px;\n }\n .list--nested-enclosed > .list__item:not(:first-child) {\n border-width: 1px;\n }\n .list--nested-enclosed > .list__item:last-child {\n border-bottom: 0;\n }\n}"]}
|