@licklist/design 0.78.7-stage.85 → 0.78.7-stage.87

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 (14) hide show
  1. package/dist/v2/components/Button/Button.scss.js +1 -1
  2. package/dist/v2/navigation/DashboardLayout/DashboardLayout.js +14 -11
  3. package/dist/v2/navigation/DashboardLayout/DashboardLayout.scss.js +1 -1
  4. package/dist/v2/navigation/DashboardLayout/ProviderSidebar.scss.js +1 -1
  5. package/dist/v2/styles/components/Button.scss +27 -0
  6. package/dist/v2/styles/form/NewInput.scss +11 -0
  7. package/dist/v2/styles/form/NewInput.scss.js +1 -1
  8. package/package.json +1 -1
  9. package/src/v2/components/Button/Button.tsx +1 -0
  10. package/src/v2/navigation/DashboardLayout/DashboardLayout.scss +6 -0
  11. package/src/v2/navigation/DashboardLayout/DashboardLayout.tsx +4 -2
  12. package/src/v2/navigation/DashboardLayout/ProviderSidebar.scss +8 -0
  13. package/src/v2/styles/components/Button.scss +27 -0
  14. package/src/v2/styles/form/NewInput.scss +11 -0
package/dist/v2/components/Button/Button.scss.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".new-button{align-items:center;align-self:flex-start;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-weight:600;gap:var(--spacing-sm);justify-content:center;line-height:20px;min-height:44px;padding:12px 24px;text-align:center;transition:all .2s ease;white-space:nowrap}.new-button--primary{background:#6200ee;color:#fff}.new-button--primary:active,.new-button--primary:focus,.new-button--primary:hover{background:#360083}.new-button--primary-soft{background:#efeffe;color:#5d5bf4}.new-button--primary-soft:hover{background:#cdccfc}.new-button--primary-soft:active{background:#b4b4fa}.new-button--primary-outline{background-color:initial;border:2px solid var(--fills-main-fill-action,#6200ee);color:var(--labels-main-label-action,#6200ee)}.new-button--primary-outline:hover{border:2px solid var(--fills-main-fill-action,#6200ee)}.new-button--primary-outline:active,.new-button--primary-outline:hover{background-color:var(--surfaces-main-background-action-soft,#efe6fd)}.new-button--secondary{background:var(--surface-action-soft);border-radius:var(--sizes-radius-radius,8px);color:var(--label-action)}.new-button--secondary:active,.new-button--secondary:focus,.new-button--secondary:hover{background:#efe6fd}.new-button--secondary-soft{background:var(--surface-action-soft,#efe6fd);color:var(--label-action,#6200ee)}.new-button--secondary-soft:hover{background:var(--surface-tertiary,#f0f0f5)}.new-button--tertiary-soft{background:#fff;border:1px solid var(--border-primary,#e8e9ef);color:var(--label-primary,#121e52)}.new-button--tertiary-soft:hover{background:var(--surface-tertiary,#f0f0f5)}.new-button--destructive-soft{background:var(--surface-danger-soft,#fceceb);border-radius:var(--radius-reg,8px);color:var(--label-danger)}.new-button--destructive-soft:hover{background-color:var(--surface-danger-soft-hover,#f5c4c2)}.new-button--destructive-soft:active{background-color:var(--surface-danger-soft-pressed,#e66861);color:var(--label-white,#fff)}.new-button--destructive-strong{background:linear-gradient(180deg,#fff3 0,var(--red-red) 5.77%,var(--red-red-dark) 95.19%,var(--red-red-darkest) 100%),linear-gradient(180deg,var(--red-red-lighter) 0,var(--red-red-darkest) 100%),linear-gradient(90deg,var(--red-red-dark) 0,var(--red-red-dark) 100%);color:var(--labels-main-label-white,#fff)}.new-button--destructive-strong:active,.new-button--destructive-strong:hover{background-color:var(--fills-main-fill-danger,#cc3c35)}.new-button--info{background-color:var(--surfaces-status-background-info,#e7f4fc);color:var(--labels-status-label-info,#0d7fce)}.new-button--disabled,.new-button:disabled{background-color:var(--surfaces-status-background-disabled,#d2d5e3);color:var(--labels-status-label-disabled,#9399b3);cursor:not-allowed;pointer-events:none}.new-button__spinner{animation:spin 1s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:currentcolor;flex-shrink:0;height:16px;width:16px}.new-button__text{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-style:normal;font-weight:600;line-height:20px;text-align:center}.new-button__text--primary{color:var(--label-primary)}.new-button__text--secondary{color:var(--label-secondary)}.new-button__text--danger{color:var(--label-danger)}.new-button__text--white{color:var(--label-white)}.new-button__text--action{color:var(--label-action)}.new-button p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.new-button--sm{font-size:var(--text-sm-size,13px);padding:var(--spacing-xs,2px) var(--spacing-md,8px)}.new-button--md{font-size:var(--text-reg-size,15px);padding:var(--spacing-sm,8px) var(--spacing-reg,16px)}.new-button--lg{font-size:var(--text-large-size,18px);padding:var(--spacing-reg,16px) var(--spacing-lg,24px)}";
3
+ var css_248z = ".new-button{align-items:center;align-self:flex-start;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-weight:600;gap:var(--spacing-sm);justify-content:center;line-height:20px;min-height:44px;padding:12px 24px;text-align:center;transition:all .2s ease;white-space:nowrap}.new-button--primary{background:#6200ee;color:#fff}.new-button--primary:active,.new-button--primary:focus,.new-button--primary:hover{background:#360083}.new-button--primary-soft{background:#efeffe;color:#5d5bf4}.new-button--primary-soft:hover{background:#cdccfc}.new-button--primary-soft:active{background:#b4b4fa}.new-button--outline{background-color:var(--surface-primary,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:6px;color:var(--label-primary,#121e52);font-size:14px;font-weight:500;line-height:20px;min-height:40px;padding:8px 16px 8px 12px}.new-button--outline svg{fill:currentColor;flex-shrink:0}.new-button--outline:hover{background-color:var(--surface-secondary,#f8f8fa);border-color:var(--border-secondary,#d0d3e3)}.new-button--outline:active{background-color:var(--surface-tertiary,#f0f0f5)}.new-button--primary-outline{background-color:initial;border:2px solid var(--fills-main-fill-action,#6200ee);color:var(--labels-main-label-action,#6200ee)}.new-button--primary-outline:hover{border:2px solid var(--fills-main-fill-action,#6200ee)}.new-button--primary-outline:active,.new-button--primary-outline:hover{background-color:var(--surfaces-main-background-action-soft,#efe6fd)}.new-button--secondary{background:var(--surface-action-soft);border-radius:var(--sizes-radius-radius,8px);color:var(--label-action)}.new-button--secondary:active,.new-button--secondary:focus,.new-button--secondary:hover{background:#efe6fd}.new-button--secondary-soft{background:var(--surface-action-soft,#efe6fd);color:var(--label-action,#6200ee)}.new-button--secondary-soft:hover{background:var(--surface-tertiary,#f0f0f5)}.new-button--tertiary-soft{background:#fff;border:1px solid var(--border-primary,#e8e9ef);color:var(--label-primary,#121e52)}.new-button--tertiary-soft:hover{background:var(--surface-tertiary,#f0f0f5)}.new-button--destructive-soft{background:var(--surface-danger-soft,#fceceb);border-radius:var(--radius-reg,8px);color:var(--label-danger)}.new-button--destructive-soft:hover{background-color:var(--surface-danger-soft-hover,#f5c4c2)}.new-button--destructive-soft:active{background-color:var(--surface-danger-soft-pressed,#e66861);color:var(--label-white,#fff)}.new-button--destructive-strong{background:linear-gradient(180deg,#fff3 0,var(--red-red) 5.77%,var(--red-red-dark) 95.19%,var(--red-red-darkest) 100%),linear-gradient(180deg,var(--red-red-lighter) 0,var(--red-red-darkest) 100%),linear-gradient(90deg,var(--red-red-dark) 0,var(--red-red-dark) 100%);color:var(--labels-main-label-white,#fff)}.new-button--destructive-strong:active,.new-button--destructive-strong:hover{background-color:var(--fills-main-fill-danger,#cc3c35)}.new-button--info{background-color:var(--surfaces-status-background-info,#e7f4fc);color:var(--labels-status-label-info,#0d7fce)}.new-button--disabled,.new-button:disabled{background-color:var(--surfaces-status-background-disabled,#d2d5e3);color:var(--labels-status-label-disabled,#9399b3);cursor:not-allowed;pointer-events:none}.new-button__spinner{animation:spin 1s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:currentcolor;flex-shrink:0;height:16px;width:16px}.new-button__text{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-style:normal;font-weight:600;line-height:20px;text-align:center}.new-button__text--primary{color:var(--label-primary)}.new-button__text--secondary{color:var(--label-secondary)}.new-button__text--danger{color:var(--label-danger)}.new-button__text--white{color:var(--label-white)}.new-button__text--action{color:var(--label-action)}.new-button p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.new-button--sm{font-size:var(--text-sm-size,13px);padding:var(--spacing-xs,2px) var(--spacing-md,8px)}.new-button--md{font-size:var(--text-reg-size,15px);padding:var(--spacing-sm,8px) var(--spacing-reg,16px)}.new-button--lg{font-size:var(--text-large-size,18px);padding:var(--spacing-reg,16px) var(--spacing-lg,24px)}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/dist/v2/navigation/DashboardLayout/DashboardLayout.js CHANGED
@@ -145,23 +145,26 @@ var DashboardLayout = function(param) {
145
145
  },
146
146
  children: renderSidebar()
147
147
  }),
148
- /*#__PURE__*/ jsxs("main", {
148
+ /*#__PURE__*/ jsx("main", {
149
149
  id: "scrollable",
150
150
  className: "dashboard-layout__main",
151
151
  style: {
152
152
  marginLeft: isMobile ? 0 : sidebarWidth,
153
153
  marginTop: topHatHeight
154
154
  },
155
- children: [
156
- /*#__PURE__*/ jsx("div", {
157
- id: "main",
158
- className: "dashboard-layout__content",
159
- children: children
160
- }),
161
- showFooter && /*#__PURE__*/ jsx(DashboardFooter, {
162
- version: version
163
- })
164
- ]
155
+ children: /*#__PURE__*/ jsxs("div", {
156
+ id: "main",
157
+ className: "dashboard-layout__content",
158
+ children: [
159
+ /*#__PURE__*/ jsx("div", {
160
+ className: "dashboard-layout__content-inner",
161
+ children: children
162
+ }),
163
+ showFooter && /*#__PURE__*/ jsx(DashboardFooter, {
164
+ version: version
165
+ })
166
+ ]
167
+ })
165
168
  })
166
169
  ]
167
170
  }),
package/dist/v2/navigation/DashboardLayout/DashboardLayout.scss.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".dashboard-layout{background:var(--surfaces-main-background-primary,#fff);flex-direction:column;height:100vh;width:100vw}.dashboard-layout,.dashboard-layout__body{display:flex;overflow:hidden;position:relative}.dashboard-layout__body{flex:1}.dashboard-layout__sidebar{background:var(--surfaces-main-background-secondary,#f8f8fa);border-right:1px solid var(--borders-main-border-primary,#e8e9ef);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:48px;transition:width .3s ease;z-index:20}.dashboard-layout__sidebar--mobile-open{width:100%!important}.dashboard-layout__sidebar .admin-sidebar,.dashboard-layout__sidebar .provider-sidebar{border-right:none;flex:1;height:100%;overflow-y:auto}.dashboard-layout__main{background:var(--surfaces-main-background-primary,#fff);display:flex;flex:1;flex-direction:column;height:calc(100vh - 48px);overflow:hidden;transition:margin-left .3s ease}.dashboard-layout__content{flex:1;overflow-y:auto;padding-left:var(--container-padding-desktop,32px);padding-right:var(--container-padding-desktop,32px)}@media (max-width:768px){.dashboard-layout__content{padding-left:var(--container-padding-mobile,16px);padding-right:var(--container-padding-mobile,16px)}}.dashboard-layout__overlay{background:#00000080;inset:0;position:fixed;z-index:15}@media (max-width:768px){.dashboard-layout__sidebar{display:none;width:0!important}.dashboard-layout__sidebar--mobile-open{background:var(--surfaces-main-background-secondary,#f8f8fa);bottom:0;display:flex;height:calc(100vh - 48px)!important;left:0;right:0;top:48px!important;width:100%!important;z-index:25}.dashboard-layout__main{margin-left:0!important}}";
3
+ var css_248z = ".dashboard-layout{background:var(--surfaces-main-background-primary,#fff);flex-direction:column;height:100vh;width:100vw}.dashboard-layout,.dashboard-layout__body{display:flex;overflow:hidden;position:relative}.dashboard-layout__body{flex:1}.dashboard-layout__sidebar{background:var(--surfaces-main-background-secondary,#f8f8fa);border-right:1px solid var(--borders-main-border-primary,#e8e9ef);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:48px;transition:width .3s ease;z-index:20}.dashboard-layout__sidebar--mobile-open{width:100%!important}.dashboard-layout__sidebar .admin-sidebar,.dashboard-layout__sidebar .provider-sidebar{border-right:none;flex:1;height:100%;overflow-y:auto}.dashboard-layout__main{background:var(--surfaces-main-background-primary,#fff);display:flex;flex:1;flex-direction:column;height:calc(100vh - 48px);overflow:hidden;transition:margin-left .3s ease}.dashboard-layout__content{display:flex;flex:1;flex-direction:column;overflow-y:auto}.dashboard-layout__content-inner{flex:1 0 auto;padding-left:var(--container-padding-desktop,32px);padding-right:var(--container-padding-desktop,32px)}@media (max-width:768px){.dashboard-layout__content-inner{padding-left:var(--container-padding-mobile,16px);padding-right:var(--container-padding-mobile,16px)}}.dashboard-layout__overlay{background:#00000080;inset:0;position:fixed;z-index:15}@media (max-width:768px){.dashboard-layout__sidebar{display:none;width:0!important}.dashboard-layout__sidebar--mobile-open{background:var(--surfaces-main-background-secondary,#f8f8fa);bottom:0;display:flex;height:calc(100vh - 48px)!important;left:0;right:0;top:48px!important;width:100%!important;z-index:25}.dashboard-layout__main{margin-left:0!important}}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/dist/v2/navigation/DashboardLayout/ProviderSidebar.scss.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".provider-sidebar{align-items:flex-start;background:var(--surfaces-main-background-secondary,#f8f8fa);border-right:1px solid var(--borders-main-border-primary,#e8e9ef);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:8px;transition:width .3s ease}.provider-sidebar--expanded{width:268px}.provider-sidebar--collapsed{width:72px}@media (max-width:640px){.provider-sidebar{border-right:none;width:100%!important}}.provider-sidebar__content{display:flex;flex-direction:column;gap:4px;width:100%}.provider-sidebar__back-link{align-items:center;border-radius:8px;box-sizing:border-box;color:var(--fills-main-fill-primary,#14215a);cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .2s ease;width:100%}.provider-sidebar__back-link:hover{background:var(--surfaces-main-background-secondary-hover,#f0f0f4)}.provider-sidebar__back-link:hover .provider-sidebar__icon--back .back-icon-default{display:none}.provider-sidebar__back-link:hover .provider-sidebar__icon--back .back-icon-hover{display:block}.provider-sidebar__back-link:active{background:var(--surfaces-main-background-secondary-pressed,#e8e8ec)}.provider-sidebar__back-link--collapsed{justify-content:center}.provider-sidebar__header{align-items:center;box-sizing:border-box;display:flex;width:100%}.provider-sidebar__header--collapsed{justify-content:center}.provider-sidebar__header.provider-sidebar__link--active{border-radius:8px}.provider-sidebar__header.provider-sidebar__link--active .entity-header,.provider-sidebar__header.provider-sidebar__link--active .entity-header:hover{background:#0000}.provider-sidebar__header.provider-sidebar__link--active .entity-header:hover .entity-header__badge{background:#fff3}.provider-sidebar__header.provider-sidebar__link--active .entity-header:hover .entity-header__badge span,.provider-sidebar__header.provider-sidebar__link--active .entity-header__name{color:#fff}.provider-sidebar__header.provider-sidebar__link--active .entity-header__badge{background:#fff3}.provider-sidebar__header.provider-sidebar__link--active .entity-header__badge span,.provider-sidebar__header.provider-sidebar__link--active .entity-header__placeholder span{color:#fff}.provider-sidebar__header.provider-sidebar__link--active .entity-header__placeholder svg circle{fill:#fff3;stroke:#fff9}.provider-sidebar__avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:47px;justify-content:center;overflow:hidden;position:relative;width:47px}.provider-sidebar__avatar img{height:100%;object-fit:cover;width:100%}.provider-sidebar__avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.provider-sidebar__avatar-placeholder:before{background:#626a9033;border:2px solid var(--fills-main-fill-secondary,#626a90);border-radius:50%;content:\"\";inset:0;position:absolute}.provider-sidebar__avatar-placeholder span{color:var(--labels-main-label-secondary,#626a90);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:700;position:relative;z-index:1}.provider-sidebar__header-text{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.provider-sidebar__title{color:var(--labels-main-label-primary,#121e52);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;line-height:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-sidebar__badge{align-items:center;background:var(--surfaces-main-background-tertiary,#e8e9ef);border-radius:8px;display:inline-flex;justify-content:center;padding:4px 8px;transition:background .2s ease;width:fit-content}.provider-sidebar__header:hover .provider-sidebar__badge{background:var(--surfaces-main-background-tertiary-hover,#dcdde3)}.provider-sidebar__badge span{color:var(--labels-main-label-secondary,#626a90);font-family:Geist Mono,SF Mono,Consolas,monospace;font-size:10px;font-weight:600;line-height:12px;white-space:nowrap}.provider-sidebar__nav{display:flex;flex-direction:column;gap:4px;padding-top:8px;width:100%}.provider-sidebar__link{align-items:center;border-radius:8px;box-sizing:border-box;color:var(--fills-main-fill-primary,#14215a);cursor:pointer;display:flex;gap:8px;outline:none;padding:8px;text-decoration:none;transition:all .2s ease;width:100%}.provider-sidebar__link:hover:not(.provider-sidebar__link--active){background:var(--surfaces-main-background-secondary-hover,#f0f0f4)}.provider-sidebar__link:active:not(.provider-sidebar__link--active){background:var(--surfaces-main-background-secondary-pressed,#e8e8ec)}.provider-sidebar__link:focus-visible{outline:2px solid var(--fills-main-fill-primary,#14215a);outline-offset:2px}.provider-sidebar__link--collapsed{justify-content:center}.provider-sidebar__link--active{background:linear-gradient(to top right,var(--gradient-stop3,#0e8ce2) 0,var(--gradient-stop2,#5d5bf4) 50%,var(--gradient-stop1,#6200ee) 100%);color:#fff;cursor:default}.provider-sidebar__link--active .provider-sidebar__icon{color:#fff}.provider-sidebar__link--active .provider-sidebar__icon svg path{fill:#fff}.provider-sidebar__link--active .provider-sidebar__link-text{color:#fff}.provider-sidebar__icon{align-items:center;color:var(--fills-main-fill-primary,#14215a);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.provider-sidebar__icon svg{height:100%;width:100%}.provider-sidebar__icon svg path{fill:var(--fills-main-fill-primary,#14215a)}.provider-sidebar__icon--back .back-icon-default{display:block}.provider-sidebar__icon--back .back-icon-hover{display:none}.provider-sidebar__link-text{color:var(--labels-main-label-primary,#121e52);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;line-height:16px;margin:0;white-space:nowrap}";
3
+ var css_248z = ".provider-sidebar{align-items:flex-start;background:var(--surfaces-main-background-secondary,#f8f8fa);border-right:1px solid var(--borders-main-border-primary,#e8e9ef);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:8px;transition:width .3s ease}.provider-sidebar--expanded{width:268px}.provider-sidebar--collapsed{width:72px}@media (max-width:640px){.provider-sidebar{border-right:none;width:100%!important}}.provider-sidebar__content{display:flex;flex-direction:column;gap:4px;width:100%}.provider-sidebar__back-link{align-items:center;border-radius:8px;box-sizing:border-box;color:var(--fills-main-fill-primary,#14215a);cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .2s ease;width:100%}.provider-sidebar__back-link:hover{background:var(--surfaces-main-background-secondary-hover,#f0f0f4)}.provider-sidebar__back-link:hover .provider-sidebar__icon--back .back-icon-default{display:none}.provider-sidebar__back-link:hover .provider-sidebar__icon--back .back-icon-hover{display:block}.provider-sidebar__back-link:active{background:var(--surfaces-main-background-secondary-pressed,#e8e8ec)}.provider-sidebar__back-link--collapsed{justify-content:center}.provider-sidebar__header{align-items:center;box-sizing:border-box;display:flex;width:100%}.provider-sidebar__header--collapsed{justify-content:center}.provider-sidebar__header.provider-sidebar__link--active{border-radius:8px}.provider-sidebar__header.provider-sidebar__link--active .entity-header,.provider-sidebar__header.provider-sidebar__link--active .entity-header:hover{background:#0000}.provider-sidebar__header.provider-sidebar__link--active .entity-header:hover .entity-header__badge{background:#fff3}.provider-sidebar__header.provider-sidebar__link--active .entity-header:hover .entity-header__badge span,.provider-sidebar__header.provider-sidebar__link--active .entity-header__name{color:#fff}.provider-sidebar__header.provider-sidebar__link--active .entity-header__badge{background:#fff3}.provider-sidebar__header.provider-sidebar__link--active .entity-header__badge span,.provider-sidebar__header.provider-sidebar__link--active .entity-header__placeholder span{color:#fff}.provider-sidebar__header.provider-sidebar__link--active .entity-header__placeholder svg circle{fill:#fff3;stroke:#fff9}.provider-sidebar__avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:47px;justify-content:center;overflow:hidden;position:relative;width:47px}.provider-sidebar__avatar img{height:100%;object-fit:cover;width:100%}.provider-sidebar__avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.provider-sidebar__avatar-placeholder:before{background:#626a9033;border:2px solid var(--fills-main-fill-secondary,#626a90);border-radius:50%;content:\"\";inset:0;position:absolute}.provider-sidebar__avatar-placeholder span{color:var(--labels-main-label-secondary,#626a90);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:700;position:relative;z-index:1}.provider-sidebar__header-text{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.provider-sidebar__title{color:var(--labels-main-label-primary,#121e52);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;line-height:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-sidebar__badge{align-items:center;background:var(--surfaces-main-background-tertiary,#e8e9ef);border-radius:8px;display:inline-flex;justify-content:center;padding:4px 8px;transition:background .2s ease;width:fit-content}.provider-sidebar__header:hover .provider-sidebar__badge{background:var(--surfaces-main-background-tertiary-hover,#dcdde3)}.provider-sidebar__badge span{color:var(--labels-main-label-secondary,#626a90);font-family:Geist Mono,SF Mono,Consolas,monospace;font-size:10px;font-weight:600;line-height:12px;white-space:nowrap}.provider-sidebar__nav{display:flex;flex-direction:column;gap:4px;padding-top:8px;width:100%}.provider-sidebar__link{align-items:center;border-radius:8px;box-sizing:border-box;color:var(--fills-main-fill-primary,#14215a);cursor:pointer;display:flex;gap:8px;outline:none;padding:8px;text-decoration:none;transition:all .2s ease;width:100%}@media (max-width:768px){.provider-sidebar__link{padding:10px}}.provider-sidebar__link:hover:not(.provider-sidebar__link--active){background:var(--surfaces-main-background-secondary-hover,#f0f0f4)}.provider-sidebar__link:active:not(.provider-sidebar__link--active){background:var(--surfaces-main-background-secondary-pressed,#e8e8ec)}.provider-sidebar__link:focus-visible{outline:2px solid var(--fills-main-fill-primary,#14215a);outline-offset:2px}.provider-sidebar__link--collapsed{justify-content:center}.provider-sidebar__link--active{background:linear-gradient(to top right,var(--gradient-stop3,#0e8ce2) 0,var(--gradient-stop2,#5d5bf4) 50%,var(--gradient-stop1,#6200ee) 100%);color:#fff;cursor:default}.provider-sidebar__link--active .provider-sidebar__icon{color:#fff}.provider-sidebar__link--active .provider-sidebar__icon svg path{fill:#fff}.provider-sidebar__link--active .provider-sidebar__link-text{color:#fff}.provider-sidebar__icon{align-items:center;color:var(--fills-main-fill-primary,#14215a);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.provider-sidebar__icon svg{height:100%;width:100%}.provider-sidebar__icon svg path{fill:var(--fills-main-fill-primary,#14215a)}.provider-sidebar__icon--back .back-icon-default{display:block}.provider-sidebar__icon--back .back-icon-hover{display:none}.provider-sidebar__link-text{color:var(--labels-main-label-primary,#121e52);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;line-height:16px;margin:0;white-space:nowrap}@media (max-width:768px){.provider-sidebar__link-text{font-size:15px}}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/dist/v2/styles/components/Button.scss CHANGED
@@ -47,6 +47,33 @@
47
47
  }
48
48
  }
49
49
 
50
+ // Neutral Outline (border-primary border, label-primary text)
51
+ &--outline {
52
+ border: 1px solid var(--border-primary, #e8e9ef);
53
+ background-color: var(--surface-primary, #ffffff);
54
+ color: var(--label-primary, #121e52);
55
+ font-weight: 500;
56
+ min-height: 40px;
57
+ padding: 8px 16px 8px 12px;
58
+ border-radius: 6px;
59
+ font-size: 14px;
60
+ line-height: 20px;
61
+
62
+ svg {
63
+ fill: currentColor;
64
+ flex-shrink: 0;
65
+ }
66
+
67
+ &:hover {
68
+ background-color: var(--surface-secondary, #f8f8fa);
69
+ border-color: var(--border-secondary, #d0d3e3);
70
+ }
71
+
72
+ &:active {
73
+ background-color: var(--surface-tertiary, #f0f0f5);
74
+ }
75
+ }
76
+
50
77
  // Primary - Outline
51
78
  &--primary-outline {
52
79
  border: 2px solid var(--fills-main-fill-action, #6200ee);
package/dist/v2/styles/form/NewInput.scss CHANGED
@@ -69,6 +69,17 @@
69
69
  &[type="time"]::-webkit-datetime-edit-ampm-field {
70
70
  color: var(--label-primary, #121e52);
71
71
  }
72
+
73
+ &[type="time"],
74
+ &[type="date"] {
75
+ -webkit-appearance: none;
76
+ appearance: none;
77
+ text-align: left;
78
+
79
+ &::-webkit-date-and-time-value {
80
+ text-align: left;
81
+ }
82
+ }
72
83
  }
73
84
 
74
85
  &__textarea {
package/dist/v2/styles/form/NewInput.scss.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.new-form-input{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.new-form-input__label{align-items:center;color:var(--label-primary);display:flex;font-size:15px;font-weight:600;justify-content:space-between;line-height:20px;width:100%}.new-form-input__label,.new-form-input__label-optional{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-style:normal}.new-form-input__label-optional{color:var(--label-secondary);font-size:13px;font-weight:400;line-height:16px}.new-form-input__input{background-color:var(--surfaces-main-background-secondary);background:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--labels-main-label-primary,#121e52);color:var(--label-primary,#121e52);flex:1 0 0;font-family:var(--font-family-sans);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);min-height:40px;padding:8px 10px;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__input{font-size:16px}}.new-form-input__input:focus{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input[type=date]::-webkit-datetime-edit-day-field,.new-form-input__input[type=date]::-webkit-datetime-edit-month-field,.new-form-input__input[type=date]::-webkit-datetime-edit-text,.new-form-input__input[type=date]::-webkit-datetime-edit-year-field,.new-form-input__input[type=time]::-webkit-datetime-edit-ampm-field,.new-form-input__input[type=time]::-webkit-datetime-edit-hour-field,.new-form-input__input[type=time]::-webkit-datetime-edit-minute-field,.new-form-input__input[type=time]::-webkit-datetime-edit-text{color:var(--label-primary,#121e52)}.new-form-input__textarea{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);min-height:120px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__textarea{font-size:16px}}.new-form-input__textarea:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__textarea::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon{align-items:center;background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;gap:var(--spacing-sm,8px);min-height:52px;padding:8px 10px;transition:all .2s ease;width:70%}.new-form-input__input-with-icon:focus-within{border-color:var(--border-selected,#6200ee)}.new-form-input__input-with-icon .icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;order:-1;width:24px}.new-form-input__input-with-icon--right .icon{order:1}.new-form-input__input-with-icon input{background:#0000;border:none;color:var(--label-primary);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}@media (max-width:768px){.new-form-input__input-with-icon input{font-size:16px}}.new-form-input__input-with-icon input:focus{outline:none}.new-form-input__input-with-icon input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.new-form-input__input-with-icon input[type=date]::-webkit-inner-spin-button,.new-form-input__input-with-icon input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-form-input__verification-code{display:flex;gap:var(--spacing-sm,8px);height:62px}.new-form-input__verification-code .code-input{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-lg-size,18px);font-weight:var(--heading-h3-weight,600);text-align:center;transition:all .2s ease}.new-form-input__verification-code .code-input:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__helper-text{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);font-style:normal;font-weight:400;line-height:var(--text-regular-line,20px);margin-top:2px;min-width:max-content;white-space:nowrap}@media (max-width:768px){.new-form-input__helper-text{word-wrap:break-word;min-width:unset;white-space:normal}}.new-form-input__error-text{color:var(--labels-status-label-error,#ef4444);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:11px;font-style:normal;font-weight:400;line-height:14px;margin-top:2px}.new-form-input--active .new-form-input__input{border-color:var(--border-selected,#6200ee)}.new-form-input--error .new-form-input__input{border-color:var(--borders-status-border-error,#ef4444)}.new-form-input--disabled{opacity:var(--opacity-50,.5);pointer-events:none}.new-form-input--on-surface .new-form-input__input,.new-form-input--on-surface .new-form-input__input-with-icon,.new-form-input--on-surface .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.new-form-input--on-surface .new-form-input__input-with-icon:focus,.new-form-input--on-surface .new-form-input__input-with-icon:focus-within,.new-form-input--on-surface .new-form-input__input:focus,.new-form-input--on-surface .new-form-input__input:focus-within,.new-form-input--on-surface .new-form-input__textarea:focus,.new-form-input--on-surface .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}.new-form-input.dob-input .new-form-input__label{color:var(--label-secondary,#626a90)}.surface-context--secondary .new-form-input__input,.surface-context--secondary .new-form-input__input-with-icon,.surface-context--secondary .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.surface-context--secondary .new-form-input__input-with-icon:focus,.surface-context--secondary .new-form-input__input-with-icon:focus-within,.surface-context--secondary .new-form-input__input:focus,.surface-context--secondary .new-form-input__input:focus-within,.surface-context--secondary .new-form-input__textarea:focus,.surface-context--secondary .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}";
3
+ var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.new-form-input{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.new-form-input__label{align-items:center;color:var(--label-primary);display:flex;font-size:15px;font-weight:600;justify-content:space-between;line-height:20px;width:100%}.new-form-input__label,.new-form-input__label-optional{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-style:normal}.new-form-input__label-optional{color:var(--label-secondary);font-size:13px;font-weight:400;line-height:16px}.new-form-input__input{background-color:var(--surfaces-main-background-secondary);background:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--labels-main-label-primary,#121e52);color:var(--label-primary,#121e52);flex:1 0 0;font-family:var(--font-family-sans);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);min-height:40px;padding:8px 10px;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__input{font-size:16px}}.new-form-input__input:focus{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input[type=date]::-webkit-datetime-edit-day-field,.new-form-input__input[type=date]::-webkit-datetime-edit-month-field,.new-form-input__input[type=date]::-webkit-datetime-edit-text,.new-form-input__input[type=date]::-webkit-datetime-edit-year-field,.new-form-input__input[type=time]::-webkit-datetime-edit-ampm-field,.new-form-input__input[type=time]::-webkit-datetime-edit-hour-field,.new-form-input__input[type=time]::-webkit-datetime-edit-minute-field,.new-form-input__input[type=time]::-webkit-datetime-edit-text{color:var(--label-primary,#121e52)}.new-form-input__input[type=date],.new-form-input__input[type=time]{appearance:none;text-align:left}.new-form-input__input[type=date]::-webkit-date-and-time-value,.new-form-input__input[type=time]::-webkit-date-and-time-value{text-align:left}.new-form-input__textarea{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);min-height:120px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__textarea{font-size:16px}}.new-form-input__textarea:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__textarea::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon{align-items:center;background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;gap:var(--spacing-sm,8px);min-height:52px;padding:8px 10px;transition:all .2s ease;width:70%}.new-form-input__input-with-icon:focus-within{border-color:var(--border-selected,#6200ee)}.new-form-input__input-with-icon .icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;order:-1;width:24px}.new-form-input__input-with-icon--right .icon{order:1}.new-form-input__input-with-icon input{background:#0000;border:none;color:var(--label-primary);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}@media (max-width:768px){.new-form-input__input-with-icon input{font-size:16px}}.new-form-input__input-with-icon input:focus{outline:none}.new-form-input__input-with-icon input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.new-form-input__input-with-icon input[type=date]::-webkit-inner-spin-button,.new-form-input__input-with-icon input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-form-input__verification-code{display:flex;gap:var(--spacing-sm,8px);height:62px}.new-form-input__verification-code .code-input{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-lg-size,18px);font-weight:var(--heading-h3-weight,600);text-align:center;transition:all .2s ease}.new-form-input__verification-code .code-input:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__helper-text{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);font-style:normal;font-weight:400;line-height:var(--text-regular-line,20px);margin-top:2px;min-width:max-content;white-space:nowrap}@media (max-width:768px){.new-form-input__helper-text{word-wrap:break-word;min-width:unset;white-space:normal}}.new-form-input__error-text{color:var(--labels-status-label-error,#ef4444);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:11px;font-style:normal;font-weight:400;line-height:14px;margin-top:2px}.new-form-input--active .new-form-input__input{border-color:var(--border-selected,#6200ee)}.new-form-input--error .new-form-input__input{border-color:var(--borders-status-border-error,#ef4444)}.new-form-input--disabled{opacity:var(--opacity-50,.5);pointer-events:none}.new-form-input--on-surface .new-form-input__input,.new-form-input--on-surface .new-form-input__input-with-icon,.new-form-input--on-surface .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.new-form-input--on-surface .new-form-input__input-with-icon:focus,.new-form-input--on-surface .new-form-input__input-with-icon:focus-within,.new-form-input--on-surface .new-form-input__input:focus,.new-form-input--on-surface .new-form-input__input:focus-within,.new-form-input--on-surface .new-form-input__textarea:focus,.new-form-input--on-surface .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}.new-form-input.dob-input .new-form-input__label{color:var(--label-secondary,#626a90)}.surface-context--secondary .new-form-input__input,.surface-context--secondary .new-form-input__input-with-icon,.surface-context--secondary .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.surface-context--secondary .new-form-input__input-with-icon:focus,.surface-context--secondary .new-form-input__input-with-icon:focus-within,.surface-context--secondary .new-form-input__input:focus,.surface-context--secondary .new-form-input__input:focus-within,.surface-context--secondary .new-form-input__textarea:focus,.surface-context--secondary .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.78.7-stage.85",
3
+ "version": "0.78.7-stage.87",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
package/src/v2/components/Button/Button.tsx CHANGED
@@ -8,6 +8,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
8
8
  | 'secondary-soft'
9
9
  | 'tertiary-soft'
10
10
  | 'primary-outline'
11
+ | 'outline'
11
12
  | 'secondary'
12
13
  | 'destructive-soft'
13
14
  | 'destructive-strong'
package/src/v2/navigation/DashboardLayout/DashboardLayout.scss CHANGED
@@ -54,6 +54,12 @@
54
54
  &__content {
55
55
  flex: 1;
56
56
  overflow-y: auto;
57
+ display: flex;
58
+ flex-direction: column;
59
+ }
60
+
61
+ &__content-inner {
62
+ flex: 1 0 auto;
57
63
  padding-left: var(--container-padding-desktop, 32px);
58
64
  padding-right: var(--container-padding-desktop, 32px);
59
65
 
package/src/v2/navigation/DashboardLayout/DashboardLayout.tsx CHANGED
@@ -214,9 +214,11 @@ export const DashboardLayout: React.FC<DashboardLayoutProps> = ({
214
214
  }}
215
215
  >
216
216
  <div id="main" className="dashboard-layout__content">
217
- {children}
217
+ <div className="dashboard-layout__content-inner">
218
+ {children}
219
+ </div>
220
+ {showFooter && <DashboardFooter version={version} />}
218
221
  </div>
219
- {showFooter && <DashboardFooter version={version} />}
220
222
  </main>
221
223
  </div>
222
224
 
package/src/v2/navigation/DashboardLayout/ProviderSidebar.scss CHANGED
@@ -231,6 +231,10 @@
231
231
  width: 100%;
232
232
  color: var(--fills-main-fill-primary, #14215A);
233
233
 
234
+ @media (max-width: 768px) {
235
+ padding: 10px;
236
+ }
237
+
234
238
  &:hover:not(&--active) {
235
239
  background: var(--surfaces-main-background-secondary-hover, #F0F0F4);
236
240
  }
@@ -308,5 +312,9 @@
308
312
  color: var(--labels-main-label-primary, #121E52);
309
313
  margin: 0;
310
314
  white-space: nowrap;
315
+
316
+ @media (max-width: 768px) {
317
+ font-size: 15px;
318
+ }
311
319
  }
312
320
  }
package/src/v2/styles/components/Button.scss CHANGED
@@ -47,6 +47,33 @@
47
47
  }
48
48
  }
49
49
 
50
+ // Neutral Outline (border-primary border, label-primary text)
51
+ &--outline {
52
+ border: 1px solid var(--border-primary, #e8e9ef);
53
+ background-color: var(--surface-primary, #ffffff);
54
+ color: var(--label-primary, #121e52);
55
+ font-weight: 500;
56
+ min-height: 40px;
57
+ padding: 8px 16px 8px 12px;
58
+ border-radius: 6px;
59
+ font-size: 14px;
60
+ line-height: 20px;
61
+
62
+ svg {
63
+ fill: currentColor;
64
+ flex-shrink: 0;
65
+ }
66
+
67
+ &:hover {
68
+ background-color: var(--surface-secondary, #f8f8fa);
69
+ border-color: var(--border-secondary, #d0d3e3);
70
+ }
71
+
72
+ &:active {
73
+ background-color: var(--surface-tertiary, #f0f0f5);
74
+ }
75
+ }
76
+
50
77
  // Primary - Outline
51
78
  &--primary-outline {
52
79
  border: 2px solid var(--fills-main-fill-action, #6200ee);
package/src/v2/styles/form/NewInput.scss CHANGED
@@ -69,6 +69,17 @@
69
69
  &[type="time"]::-webkit-datetime-edit-ampm-field {
70
70
  color: var(--label-primary, #121e52);
71
71
  }
72
+
73
+ &[type="time"],
74
+ &[type="date"] {
75
+ -webkit-appearance: none;
76
+ appearance: none;
77
+ text-align: left;
78
+
79
+ &::-webkit-date-and-time-value {
80
+ text-align: left;
81
+ }
82
+ }
72
83
  }
73
84
 
74
85
  &__textarea {