@orangesk/orange-design-system 2.0.0-beta.48 → 2.0.0-beta.49

package/build/components/Card/style.css

@@ -1,2 +1,2 @@
-@layer components{.card{display:flex;flex-direction:column;position:relative}.card>:not([class*=mb-]){flex-shrink:0;margin-bottom:0}.card .divider{padding:0}.card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-strong);border-radius:.625rem;margin-bottom:1.875rem;overflow:hidden}.card__section{flex:0 1 auto;padding:1.25rem}@media screen and (min-width:768px){.card__section{padding:1.875rem}}.card__section>.btn,.card__section>button{width:100%}.card__section>.btn:not(:last-child),.card__section>button:not(:last-child){margin-bottom:.625rem}.card__section>:last-child{margin-bottom:0}.card__section--space-small{flex:0 1 auto;padding:1.25rem}.card__section--space-small>.btn,.card__section--space-small>button{width:100%}.card__section--space-small>.btn:not(:last-child),.card__section--space-small>button:not(:last-child){margin-bottom:.625rem}.card__section--space-small>:last-child{margin-bottom:0}.card__section--fill{flex-grow:1}.card__product-header{display:flex;justify-content:space-between}.card__product-header>img{max-width:7.8125rem;object-fit:cover;object-position:left}.card__product-content{flex:0 1 auto;padding:1.25rem}@media screen and (min-width:768px){.card__product-content{padding:1.875rem}}.card__product-header--space-small .card__product-content{flex:0 1 auto;padding:1.25rem}.card--no-border{border:none}}
+@layer components{.card{display:flex;flex-direction:column;position:relative}.card>:not([class*=mb-]){flex-shrink:0;margin-bottom:0}.card .divider{padding:0}.card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:.625rem;margin-bottom:1.875rem;overflow:hidden}.card__section{flex:0 1 auto;padding:1.25rem}@media screen and (min-width:768px){.card__section{padding:1.875rem}}.card__section>.btn,.card__section>button{width:100%}.card__section>.btn:not(:last-child),.card__section>button:not(:last-child){margin-bottom:.625rem}.card__section>:last-child{margin-bottom:0}.card__section--space-small{flex:0 1 auto;padding:1.25rem}.card__section--space-small>.btn,.card__section--space-small>button{width:100%}.card__section--space-small>.btn:not(:last-child),.card__section--space-small>button:not(:last-child){margin-bottom:.625rem}.card__section--space-small>:last-child{margin-bottom:0}.card__section--fill{flex-grow:1}.card__product-header{display:flex;justify-content:space-between}.card__product-header>img{max-width:7.8125rem;object-fit:cover;object-position:left}.card__product-content{flex:0 1 auto;padding:1.25rem}@media screen and (min-width:768px){.card__product-content{padding:1.875rem}}.card__product-header--space-small .card__product-content{flex:0 1 auto;padding:1.25rem}.card--no-border{border:none}}
 /*# sourceMappingURL=style.css.map */

package/build/components/Card/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAEE,YAAa,CACb,qBAAsB,CAFtB,iBAGF,CACA,yBAEE,aAAc,CADd,eAEF,CACA,eACE,SACF,CACA,MACE,6CAA8C,CAG9C,2CAA4C,CAD5C,qBAAuB,CADvB,sBAAuB,CAGvB,eACF,CACA,eACE,aAAc,CACd,eACF,CACA,oCACE,eACE,gBACF,CACF,CACA,0CAEE,UACF,CACA,4EAEE,qBACF,CACA,2BACE,eACF,CACA,4BACE,aAAc,CACd,eACF,CACA,oEAEE,UACF,CACA,sGAEE,qBACF,CACA,wCACE,eACF,CACA,qBACE,WACF,CACA,sBACE,YAAa,CACb,6BACF,CACA,0BAGE,mBAAoB,CAFpB,gBAAiB,CACjB,oBAEF,CACA,uBACE,aAAc,CACd,eACF,CACA,oCACE,uBACE,gBACF,CACF,CACA,0DACE,aAAc,CACd,eACF,CACA,iBACE,WACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n  .card > *:not([class*=mb-]) {\n    margin-bottom: 0;\n    flex-shrink: 0;\n  }\n  .card .divider {\n    padding: 0;\n  }\n  .card {\n    background-color: var(--color-surface-primary);\n    margin-bottom: 1.875rem;\n    border-radius: 0.625rem;\n    border: 1px solid var(--color-border-strong);\n    overflow: hidden;\n  }\n  .card__section {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  @media screen and (min-width: 768px) {\n    .card__section {\n      padding: 1.875rem;\n    }\n  }\n  .card__section > .btn,\n  .card__section > button {\n    width: 100%;\n  }\n  .card__section > .btn:not(:last-child),\n  .card__section > button:not(:last-child) {\n    margin-bottom: 0.625rem;\n  }\n  .card__section > *:last-child {\n    margin-bottom: 0;\n  }\n  .card__section--space-small {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  .card__section--space-small > .btn,\n  .card__section--space-small > button {\n    width: 100%;\n  }\n  .card__section--space-small > .btn:not(:last-child),\n  .card__section--space-small > button:not(:last-child) {\n    margin-bottom: 0.625rem;\n  }\n  .card__section--space-small > *:last-child {\n    margin-bottom: 0;\n  }\n  .card__section--fill {\n    flex-grow: 1;\n  }\n  .card__product-header {\n    display: flex;\n    justify-content: space-between;\n  }\n  .card__product-header > img {\n    object-fit: cover;\n    object-position: left;\n    max-width: 7.8125rem;\n  }\n  .card__product-content {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  @media screen and (min-width: 768px) {\n    .card__product-content {\n      padding: 1.875rem;\n    }\n  }\n  .card__product-header--space-small .card__product-content {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  .card--no-border {\n    border: none;\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAEE,YAAa,CACb,qBAAsB,CAFtB,iBAGF,CACA,yBAEE,aAAc,CADd,eAEF,CACA,eACE,SACF,CACA,MACE,6CAA8C,CAG9C,2CAA4C,CAD5C,qBAAuB,CADvB,sBAAuB,CAGvB,eACF,CACA,eACE,aAAc,CACd,eACF,CACA,oCACE,eACE,gBACF,CACF,CACA,0CAEE,UACF,CACA,4EAEE,qBACF,CACA,2BACE,eACF,CACA,4BACE,aAAc,CACd,eACF,CACA,oEAEE,UACF,CACA,sGAEE,qBACF,CACA,wCACE,eACF,CACA,qBACE,WACF,CACA,sBACE,YAAa,CACb,6BACF,CACA,0BAGE,mBAAoB,CAFpB,gBAAiB,CACjB,oBAEF,CACA,uBACE,aAAc,CACd,eACF,CACA,oCACE,uBACE,gBACF,CACF,CACA,0DACE,aAAc,CACd,eACF,CACA,iBACE,WACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n  .card > *:not([class*=mb-]) {\n    margin-bottom: 0;\n    flex-shrink: 0;\n  }\n  .card .divider {\n    padding: 0;\n  }\n  .card {\n    background-color: var(--color-surface-primary);\n    margin-bottom: 1.875rem;\n    border-radius: 0.625rem;\n    border: 1px solid var(--color-border-subtle);\n    overflow: hidden;\n  }\n  .card__section {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  @media screen and (min-width: 768px) {\n    .card__section {\n      padding: 1.875rem;\n    }\n  }\n  .card__section > .btn,\n  .card__section > button {\n    width: 100%;\n  }\n  .card__section > .btn:not(:last-child),\n  .card__section > button:not(:last-child) {\n    margin-bottom: 0.625rem;\n  }\n  .card__section > *:last-child {\n    margin-bottom: 0;\n  }\n  .card__section--space-small {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  .card__section--space-small > .btn,\n  .card__section--space-small > button {\n    width: 100%;\n  }\n  .card__section--space-small > .btn:not(:last-child),\n  .card__section--space-small > button:not(:last-child) {\n    margin-bottom: 0.625rem;\n  }\n  .card__section--space-small > *:last-child {\n    margin-bottom: 0;\n  }\n  .card__section--fill {\n    flex-grow: 1;\n  }\n  .card__product-header {\n    display: flex;\n    justify-content: space-between;\n  }\n  .card__product-header > img {\n    object-fit: cover;\n    object-position: left;\n    max-width: 7.8125rem;\n  }\n  .card__product-content {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  @media screen and (min-width: 768px) {\n    .card__product-content {\n      padding: 1.875rem;\n    }\n  }\n  .card__product-header--space-small .card__product-content {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  .card--no-border {\n    border: none;\n  }\n}"]}

package/build/components/Tile/style.css

@@ -1,2 +1,2 @@
-@layer components{.tile{background-color:var(--color-fill-primary);border:1px solid var(--color-border-subtle);border-radius:.3125rem;color:var(--color-text-default);display:flex;overflow:hidden;position:relative;width:100%;word-break:break-word}.tile__body{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:1.25rem;padding:1.25rem;z-index:1}.tile__body :last-child{margin-bottom:0}@media screen and (min-width:768px){.tile__body{flex-direction:column;padding:1.875rem}}.tile--compact .tile__body{text-wrap:nowrap;align-items:center;flex-direction:row;flex-shrink:0;gap:.3125rem;justify-content:flex-start;padding:.9375rem}@media screen and (min-width:768px){.tile--compact .tile__body{flex-direction:column;padding:1.25rem}}.tile--action{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-inverse)}.tile--action .tile__body{align-items:center;flex-direction:row;gap:.9375rem;justify-content:space-between;padding:1.875rem 1.25rem}@media screen and (min-width:480px){.tile--action .tile__body{gap:1.25rem;padding:1.875rem}}.tile--action .icon{flex-shrink:0;height:1.5rem;width:1.5rem}@media screen and (min-width:480px){.tile--action .icon{height:2rem;width:2rem}}}
+@layer components{.tile{background-color:var(--color-fill-primary);border:1px solid var(--color-border-subtle);border-radius:.3125rem;color:var(--color-text-default);display:flex;overflow:hidden;position:relative;width:100%;word-break:break-word}.tile__body{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:1.25rem;padding:1.25rem;z-index:1}.tile__body :last-child{margin-bottom:0}.tile__body>.icon,.tile__body>svg{height:1.5rem;width:1.5rem}@media screen and (min-width:768px){.tile__body{flex-direction:column;padding:1.875rem}.tile__body>.icon,.tile__body>svg{height:2rem;width:2rem}}.tile--compact .tile__body{text-wrap:nowrap;align-items:center;flex-direction:row;flex-shrink:0;gap:.3125rem;justify-content:flex-start;padding:.9375rem}@media screen and (min-width:768px){.tile--compact .tile__body{flex-direction:column;padding:1.25rem}}.tile--action{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-inverse)}.tile--action .tile__body{align-items:center;flex-direction:row;gap:.9375rem;justify-content:space-between;padding:1.875rem 1.25rem}@media screen and (min-width:480px){.tile--action .tile__body{gap:1.25rem;padding:1.875rem}}.tile--action .icon{flex-shrink:0;height:1.5rem;width:1.5rem}@media screen and (min-width:480px){.tile--action .icon{height:2rem;width:2rem}}}
 /*# sourceMappingURL=style.css.map */

package/build/components/Tile/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAOE,0CAA2C,CAD3C,2CAA4C,CAD5C,sBAAwB,CAGxB,+BAAgC,CAPhC,YAAa,CAEb,eAAgB,CADhB,iBAAkB,CAElB,UAAW,CAKX,qBACF,CACA,YAIE,sBAAuB,CAFvB,YAAa,CADb,MAAO,CAEP,qBAAsB,CAEtB,WAAY,CACZ,eAAgB,CAChB,SACF,CACA,wBACE,eACF,CACA,oCACE,YACE,qBAAsB,CACtB,gBACF,CACF,CACA,2BAOE,gBAAiB,CALjB,kBAAmB,CADnB,kBAAmB,CAKnB,aAAc,CAFd,YAAc,CADd,0BAA2B,CAE3B,gBAGF,CACA,oCACE,2BACE,qBAAsB,CACtB,eACF,CACF,CACA,cACE,4BAA6B,CAE7B,uCAAwC,CADxC,+BAEF,CACA,0BAEE,kBAAmB,CADnB,kBAAmB,CAGnB,YAAc,CADd,6BAA8B,CAE9B,wBACF,CACA,oCACE,0BACE,WAAY,CACZ,gBACF,CACF,CACA,oBACE,aAAc,CAEd,aAAc,CADd,YAEF,CACA,oCACE,oBAEE,WAAY,CADZ,UAEF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .tile {\n    display: flex;\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border-radius: 0.3125rem;\n    border: 1px solid var(--color-border-subtle);\n    background-color: var(--color-fill-primary);\n    color: var(--color-text-default);\n    word-break: break-word;\n  }\n  .tile__body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 1.25rem;\n    padding: 1.25rem;\n    z-index: 1;\n  }\n  .tile__body *:last-child {\n    margin-bottom: 0;\n  }\n  @media screen and (min-width: 768px) {\n    .tile__body {\n      flex-direction: column;\n      padding: 1.875rem;\n    }\n  }\n  .tile--compact .tile__body {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 0.3125rem;\n    padding: 0.9375rem;\n    flex-shrink: 0;\n    text-wrap: nowrap;\n  }\n  @media screen and (min-width: 768px) {\n    .tile--compact .tile__body {\n      flex-direction: column;\n      padding: 1.25rem;\n    }\n  }\n  .tile--action {\n    background-color: transparent;\n    color: var(--color-text-inverse);\n    border-color: var(--color-border-strong);\n  }\n  .tile--action .tile__body {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.9375rem;\n    padding: 1.875rem 1.25rem;\n  }\n  @media screen and (min-width: 480px) {\n    .tile--action .tile__body {\n      gap: 1.25rem;\n      padding: 1.875rem;\n    }\n  }\n  .tile--action .icon {\n    flex-shrink: 0;\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  @media screen and (min-width: 480px) {\n    .tile--action .icon {\n      width: 2rem;\n      height: 2rem;\n    }\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAOE,0CAA2C,CAD3C,2CAA4C,CAD5C,sBAAwB,CAGxB,+BAAgC,CAPhC,YAAa,CAEb,eAAgB,CADhB,iBAAkB,CAElB,UAAW,CAKX,qBACF,CACA,YAIE,sBAAuB,CAFvB,YAAa,CADb,MAAO,CAEP,qBAAsB,CAEtB,WAAY,CACZ,eAAgB,CAChB,SACF,CACA,wBACE,eACF,CACA,kCAGE,aAAc,CADd,YAEF,CACA,oCACE,YACE,qBAAsB,CACtB,gBACF,CACA,kCAGE,WAAY,CADZ,UAEF,CACF,CACA,2BAOE,gBAAiB,CALjB,kBAAmB,CADnB,kBAAmB,CAKnB,aAAc,CAFd,YAAc,CADd,0BAA2B,CAE3B,gBAGF,CACA,oCACE,2BACE,qBAAsB,CACtB,eACF,CACF,CACA,cACE,4BAA6B,CAE7B,uCAAwC,CADxC,+BAEF,CACA,0BAEE,kBAAmB,CADnB,kBAAmB,CAGnB,YAAc,CADd,6BAA8B,CAE9B,wBACF,CACA,oCACE,0BACE,WAAY,CACZ,gBACF,CACF,CACA,oBACE,aAAc,CAEd,aAAc,CADd,YAEF,CACA,oCACE,oBAEE,WAAY,CADZ,UAEF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .tile {\n    display: flex;\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border-radius: 0.3125rem;\n    border: 1px solid var(--color-border-subtle);\n    background-color: var(--color-fill-primary);\n    color: var(--color-text-default);\n    word-break: break-word;\n  }\n  .tile__body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 1.25rem;\n    padding: 1.25rem;\n    z-index: 1;\n  }\n  .tile__body *:last-child {\n    margin-bottom: 0;\n  }\n  .tile__body > .icon,\n  .tile__body > svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .tile__body {\n      flex-direction: column;\n      padding: 1.875rem;\n    }\n    .tile__body > .icon,\n    .tile__body > svg {\n      width: 2rem;\n      height: 2rem;\n    }\n  }\n  .tile--compact .tile__body {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 0.3125rem;\n    padding: 0.9375rem;\n    flex-shrink: 0;\n    text-wrap: nowrap;\n  }\n  @media screen and (min-width: 768px) {\n    .tile--compact .tile__body {\n      flex-direction: column;\n      padding: 1.25rem;\n    }\n  }\n  .tile--action {\n    background-color: transparent;\n    color: var(--color-text-inverse);\n    border-color: var(--color-border-strong);\n  }\n  .tile--action .tile__body {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.9375rem;\n    padding: 1.875rem 1.25rem;\n  }\n  @media screen and (min-width: 480px) {\n    .tile--action .tile__body {\n      gap: 1.25rem;\n      padding: 1.875rem;\n    }\n  }\n  .tile--action .icon {\n    flex-shrink: 0;\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  @media screen and (min-width: 480px) {\n    .tile--action .icon {\n      width: 2rem;\n      height: 2rem;\n    }\n  }\n}"]}