Nri.Colors -> Nri.Ui.Colors.V1

This commit is contained in:
Tessa Kelly 2018-03-16 17:16:16 -07:00
parent ef390c606c
commit e7b5d0e878
17 changed files with 81 additions and 81 deletions

View File

@ -27,7 +27,7 @@ import Css.Foreign exposing (Snippet, children, descendants, everything, selecto
import DEPRECATED.Css.File exposing (Stylesheet, compile, stylesheet)
import Html exposing (Html)
import Markdown
import Nri.Colors
import Nri.Ui.Colors.V1
import Nri.Ui.Styles.V1
@ -123,27 +123,27 @@ styles =
]
]
, Css.Foreign.class Error
[ Css.color Nri.Colors.purple
[ Css.color Nri.Ui.Colors.V1.purple
, Css.after
[ Css.backgroundColor Nri.Colors.purple
[ Css.backgroundColor Nri.Ui.Colors.V1.purple
]
]
, Css.Foreign.class Success
[ Css.color Nri.Colors.greenDarkest
[ Css.color Nri.Ui.Colors.V1.greenDarkest
, Css.after
[ Css.backgroundColor Nri.Colors.green
[ Css.backgroundColor Nri.Ui.Colors.V1.green
]
]
, Css.Foreign.class Tip
[ Css.color Nri.Colors.navy
[ Css.color Nri.Ui.Colors.V1.navy
, Css.after
[ Css.backgroundColor Nri.Colors.white
[ Css.backgroundColor Nri.Ui.Colors.V1.white
]
]
, Css.Foreign.class Warning
[ Css.color Nri.Colors.red
[ Css.color Nri.Ui.Colors.V1.red
, Css.after
[ Css.backgroundColor Nri.Colors.red
[ Css.backgroundColor Nri.Ui.Colors.V1.red
]
]
]

View File

@ -20,7 +20,7 @@ import Css
import Css.Foreign exposing (Snippet, children, descendants, everything, selector)
import DEPRECATED.Css.File exposing (Stylesheet, compile, stylesheet)
import Html exposing (Html)
import Nri.Colors
import Nri.Ui.Colors.V1
import Nri.Ui.Fonts.V1
import Nri.Ui.Styles.V1
@ -93,15 +93,15 @@ styles =
]
]
, Css.Foreign.class Error
[ Css.backgroundColor Nri.Colors.purpleLight
, Css.color Nri.Colors.purpleDark
[ Css.backgroundColor Nri.Ui.Colors.V1.purpleLight
, Css.color Nri.Ui.Colors.V1.purpleDark
]
, Css.Foreign.class Neutral
[ Css.backgroundColor Nri.Colors.frost
, Css.color Nri.Colors.navy
[ Css.backgroundColor Nri.Ui.Colors.V1.frost
, Css.color Nri.Ui.Colors.V1.navy
]
, Css.Foreign.class Success
[ Css.backgroundColor Nri.Colors.greenLightest
, Css.color Nri.Colors.greenDarkest
[ Css.backgroundColor Nri.Ui.Colors.V1.greenLightest
, Css.color Nri.Ui.Colors.V1.greenDarkest
]
]

View File

@ -44,7 +44,7 @@ import DEPRECATED.Css.File exposing (Stylesheet, compile, stylesheet)
import Html
import Html.Attributes exposing (..)
import Html.Events exposing (onClick)
import Nri.Colors
import Nri.Ui.Colors.V1
import Nri.Ui.Fonts.V1
import Nri.Ui.Styles.V1
@ -412,23 +412,23 @@ styles =
, shadowHeight = 4
}
, newStyleStyle PrimaryColors
{ background = Nri.Colors.azure
, hover = hex "0040ad" -- TODO: Add Nri.Colors.azureDarkened20Percent
, text = Nri.Colors.white
{ background = Nri.Ui.Colors.V1.azure
, hover = hex "0040ad" -- TODO: Add Nri.Ui.Colors.V1.azureDarkened20Percent
, text = Nri.Ui.Colors.V1.white
, border = Nothing
, shadow = Nri.Colors.azureDark
, shadow = Nri.Ui.Colors.V1.azureDark
}
, newStyleStyle SecondaryColors
{ background = Nri.Colors.white
, hover = Nri.Colors.glacier
, text = Nri.Colors.azure
, border = Just Nri.Colors.azure
, shadow = Nri.Colors.azure
{ background = Nri.Ui.Colors.V1.white
, hover = Nri.Ui.Colors.V1.glacier
, text = Nri.Ui.Colors.V1.azure
, border = Just Nri.Ui.Colors.V1.azure
, shadow = Nri.Ui.Colors.V1.azure
}
, newStyleStyle BorderlessColors
{ background = transparent
, hover = transparent
, text = Nri.Colors.azure
, text = Nri.Ui.Colors.V1.azure
, border = Nothing
, shadow = transparent
}
@ -441,38 +441,38 @@ styles =
]
]
, styleStyle InactiveColors
{ background = Nri.Colors.gray75
, hover = Nri.Colors.gray75
, text = Nri.Colors.white
, border = Nri.Colors.gray75
{ background = Nri.Ui.Colors.V1.gray75
, hover = Nri.Ui.Colors.V1.gray75
, text = Nri.Ui.Colors.V1.white
, border = Nri.Ui.Colors.V1.gray75
, fontStyle = normal
}
, styleStyle LoadingColors
{ background = Nri.Colors.frost
, hover = Nri.Colors.frost
, text = Nri.Colors.gray45
, border = Nri.Colors.frost
{ background = Nri.Ui.Colors.V1.frost
, hover = Nri.Ui.Colors.V1.frost
, text = Nri.Ui.Colors.V1.gray45
, border = Nri.Ui.Colors.V1.frost
, fontStyle = normal
}
, styleStyle SuccessColors
{ background = Nri.Colors.green
, hover = Nri.Colors.green
, text = Nri.Colors.white
, border = Nri.Colors.green
{ background = Nri.Ui.Colors.V1.green
, hover = Nri.Ui.Colors.V1.green
, text = Nri.Ui.Colors.V1.white
, border = Nri.Ui.Colors.V1.green
, fontStyle = normal
}
, newStyleStyle DangerColors
{ background = Nri.Colors.red
, hover = hex "c00039" -- TODO: use Nri.Colors.redDarkened20Percent
, text = Nri.Colors.white
{ background = Nri.Ui.Colors.V1.red
, hover = hex "c00039" -- TODO: use Nri.Ui.Colors.V1.redDarkened20Percent
, text = Nri.Ui.Colors.V1.white
, border = Nothing
, shadow = Nri.Colors.redDark
, shadow = Nri.Ui.Colors.V1.redDark
}
, styleStyle ErrorColors
{ background = Nri.Colors.purple
, hover = Nri.Colors.purpleDark
, text = Nri.Colors.white
, border = Nri.Colors.purple
{ background = Nri.Ui.Colors.V1.purple
, hover = Nri.Ui.Colors.V1.purpleDark
, text = Nri.Ui.Colors.V1.white
, border = Nri.Ui.Colors.V1.purple
, fontStyle = normal
}
]

View File

@ -40,9 +40,9 @@ import Html.Attributes as Attributes
import Html.Events as Events exposing (defaultOptions)
import Json.Decode
import Json.Encode
import Nri.Colors as Colors
import Nri.Ui.AssetPath exposing (Asset(..))
import Nri.Ui.AssetPath.Css
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Data.PremiumLevel as PremiumLevel exposing (PremiumLevel(..))
import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.Html.Attributes.Extra as Attributes

View File

@ -10,7 +10,7 @@ import Css exposing (..)
import Css.Foreign exposing (Snippet, children, descendants, everything, selector)
import DEPRECATED.Css.File exposing (Stylesheet, compile, stylesheet)
import Html exposing (..)
import Nri.Colors as Colors
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Styles.V1

View File

@ -9,7 +9,7 @@ module Nri.Ui.Effects.V1 exposing (selectionShadow)
import Css exposing (..)
import Css.Foreign exposing (Snippet, children, descendants, everything, selector)
import DEPRECATED.Css.File exposing (Stylesheet, compile, stylesheet)
import Nri.Colors
import Nri.Ui.Colors.V1
{-| Draw a 2 px thick ochre border around the element to indicate it is
@ -28,7 +28,7 @@ selectionShadow =
-- shadows, a inner white shadow and an outer ochre one.
-- Elm-css does not support multiple box shadows, so we build up that the
-- CSS value manually.
[ Css.property "box-shadow" ("0 0 0 2px white, 0 0 0 4px " ++ colorToString Nri.Colors.ochre)
[ Css.property "box-shadow" ("0 0 0 2px white, 0 0 0 4px " ++ colorToString Nri.Ui.Colors.V1.ochre)
]

View File

@ -8,8 +8,8 @@ module Nri.Ui.InputStyles exposing (Assets, CssClasses(..), styles)
import Css exposing (..)
import Css.Foreign exposing (Snippet, adjacentSiblings, children, class, descendants, each, everything, media, selector, withClass)
import Nri.Colors exposing (..)
import Nri.Ui.AssetPath as AssetPath exposing (Asset)
import Nri.Ui.Colors.V1 exposing (..)
import Nri.Ui.CssFlexBoxWithVendorPrefix as FlexBox
import Nri.Ui.DatePickerConstants
import Nri.Ui.Fonts.V1

View File

@ -22,8 +22,8 @@ import Html exposing (..)
import Html.Attributes exposing (..)
import Html.CssHelpers exposing (..)
import Html.Events exposing (onClick)
import Nri.Colors
import Nri.Colors.Extra
import Nri.Ui.Colors.Extra
import Nri.Ui.Colors.V1
import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.Styles.V1
import View.Extra exposing (viewIf, viewJust)
@ -181,10 +181,10 @@ styles =
, Css.zIndex (Css.int 3)
]
, Css.Foreign.class BackdropContainerWarning
[ Css.backgroundColor (Nri.Colors.Extra.withAlpha 0.9 Nri.Colors.gray20)
[ Css.backgroundColor (Nri.Ui.Colors.Extra.withAlpha 0.9 Nri.Ui.Colors.V1.gray20)
]
, Css.Foreign.class BackdropContainerInfo
[ Css.backgroundColor (Nri.Colors.Extra.withAlpha 0.9 Nri.Colors.navy)
[ Css.backgroundColor (Nri.Ui.Colors.Extra.withAlpha 0.9 Nri.Ui.Colors.V1.navy)
]
, Css.Foreign.class ClickCatcher
[ Css.bottom Css.zero
@ -222,19 +222,19 @@ styles =
, Css.Foreign.class HeadingInfo
[ Css.fontSize (Css.px 20)
, Fonts.baseFont
, Css.color Nri.Colors.navy
, Css.color Nri.Ui.Colors.V1.navy
]
, Css.Foreign.class HeadingWarning
[ Css.fontSize (Css.px 20)
, Fonts.baseFont
, Css.color Nri.Colors.red
, Css.color Nri.Ui.Colors.V1.red
]
, Css.Foreign.class ModalContainer
[ Css.alignItems Css.center
, Css.displayFlex
, Css.flexDirection Css.column
, Css.flexWrap Css.noWrap
, Css.backgroundColor Nri.Colors.white
, Css.backgroundColor Nri.Ui.Colors.V1.white
, Css.borderRadius (Css.px 20)
, Css.margin2 (Css.px 75) Css.auto
, Css.maxHeight (Css.calc (Css.vh 100) Css.minus (Css.px 150))

View File

@ -15,7 +15,7 @@ module Nri.Ui.Outline.V1 exposing (NodeConfig, NodeLayout, config, html, node, s
import Css
import Css.Foreign exposing (Snippet, children, descendants, everything, selector)
import Html exposing (Attribute, Html)
import Nri.Colors as Colors
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Effects.V1
import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.Palette.V1 exposing (Palette)

View File

@ -10,7 +10,7 @@ module Nri.Ui.Palette.V1 exposing (..)
import Css exposing (..)
import Css.Foreign exposing (Snippet, children, descendants, everything, selector)
import DEPRECATED.Css.File exposing (Stylesheet, compile, stylesheet)
import Nri.Colors as Colors
import Nri.Ui.Colors.V1 as Colors
{-| -}

View File

@ -53,7 +53,7 @@ This will help you make sure you don't mismatch the namespace you're using.
{ css, class } =
Nri.Ui.Styles.styles "Nri-Ui-MyWidget-"
[ Css.Foreign.class Container
[ backgroundColor Nri.Colors.ochre ]
[ backgroundColor Nri.Ui.Colors.V1.ochre ]
]
-}

View File

@ -43,8 +43,8 @@ import Html.Attributes
import Html.Events
import Json.Decode
import List.Zipper exposing (Zipper(..))
import Nri.Colors
import Nri.Colors.Extra
import Nri.Ui.Colors.Extra
import Nri.Ui.Colors.V1
import Nri.Ui.Fonts.V1
import Nri.Ui.Styles.V1
import View.Extra
@ -272,7 +272,7 @@ styles =
, Css.alignItems Css.flexEnd
, Css.borderBottom (Css.px 1)
, Css.borderBottomStyle Css.solid
, Css.borderBottomColor Nri.Colors.navy
, Css.borderBottomColor Nri.Ui.Colors.V1.navy
, Nri.Ui.Fonts.V1.baseFont
]
, Css.Foreign.class Title
@ -282,7 +282,7 @@ styles =
, Css.margin Css.zero
, Css.marginTop (Css.px 5)
, Css.marginBottom (Css.px 10)
, Css.color Nri.Colors.navy
, Css.color Nri.Ui.Colors.V1.navy
, Css.width (Css.px 430)
]
, Css.Foreign.class (Tabs Left)
@ -299,22 +299,22 @@ styles =
]
, Css.Foreign.class (TabContainer False) <|
[ stylesTab
, Css.backgroundColor Nri.Colors.frost
, Css.backgroundColor Nri.Ui.Colors.V1.frost
, Css.backgroundImage <|
Css.linearGradient2 Css.toTop
(Css.stop2 (Nri.Colors.Extra.withAlpha 0.25 Nri.Colors.azure) (Css.pct 0))
(Css.stop2 (Nri.Colors.Extra.withAlpha 0 Nri.Colors.azure) (Css.pct 25))
[ Css.stop2 (Nri.Colors.Extra.withAlpha 0 Nri.Colors.azure) (Css.pct 100) ]
(Css.stop2 (Nri.Ui.Colors.Extra.withAlpha 0.25 Nri.Ui.Colors.V1.azure) (Css.pct 0))
(Css.stop2 (Nri.Ui.Colors.Extra.withAlpha 0 Nri.Ui.Colors.V1.azure) (Css.pct 25))
[ Css.stop2 (Nri.Ui.Colors.Extra.withAlpha 0 Nri.Ui.Colors.V1.azure) (Css.pct 100) ]
]
, Css.Foreign.class (TabContainer True) <|
[ stylesTab
, Css.backgroundColor Nri.Colors.white
, Css.backgroundColor Nri.Ui.Colors.V1.white
, Css.borderBottom (Css.px 1)
, Css.borderBottomStyle Css.solid
, Css.borderBottomColor Nri.Colors.white
, Css.borderBottomColor Nri.Ui.Colors.V1.white
]
, Css.Foreign.class TabContainerLink
[ Css.color Nri.Colors.navy
[ Css.color Nri.Ui.Colors.V1.navy
, Css.hover [ Css.textDecoration Css.none ]
, Css.focus [ Css.textDecoration Css.none ]
, Css.display Css.inlineBlock
@ -323,7 +323,7 @@ styles =
, Css.textDecoration Css.none
]
, Css.Foreign.class TabClickableLink
[ Css.color Nri.Colors.navy
[ Css.color Nri.Ui.Colors.V1.navy
, Css.display Css.inlineBlock
, Css.padding4 (Css.px 14) (Css.px 20) (Css.px 12) (Css.px 20)
, Css.textDecoration Css.none
@ -349,7 +349,7 @@ stylesTab =
[ Css.display Css.inlineBlock
, Css.borderTopLeftRadius (Css.px 10)
, Css.borderTopRightRadius (Css.px 10)
, Css.border3 (Css.px 1) Css.solid Nri.Colors.navy
, Css.border3 (Css.px 1) Css.solid Nri.Ui.Colors.V1.navy
, Css.marginBottom (Css.px -1)
, Css.marginLeft (Css.px 10)
, Css.cursor Css.pointer

View File

@ -49,7 +49,7 @@ import Css.Helpers exposing (identifierToString)
import Html exposing (..)
import Html.Styled
import Html.Styled.Attributes exposing (css)
import Nri.Colors exposing (..)
import Nri.Ui.Colors.V1 exposing (..)
import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.Styles.V1

View File

@ -11,7 +11,7 @@ module Nri.Ui.Text.Writing.V1
import Css exposing (..)
import Html.Styled exposing (..)
import Nri.Colors exposing (..)
import Nri.Ui.Colors.V1 exposing (..)
import Nri.Ui.Fonts.V1 exposing (quizFont)

View File

@ -31,7 +31,7 @@ import Css.Foreign exposing (Snippet, children, descendants, everything, selecto
import Html exposing (..)
import Html.Attributes exposing (..)
import Html.Events exposing (onInput)
import Nri.Colors exposing (..)
import Nri.Ui.Colors.V1 exposing (..)
import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.Styles.V1
import Regex
@ -162,7 +162,7 @@ styles =
, Css.Foreign.selector "input[type=number]"
[ Css.Foreign.withClass Input inputStyle ]
, Css.Foreign.class OverlappingLabel
[ Css.backgroundColor Nri.Colors.white
[ Css.backgroundColor Nri.Ui.Colors.V1.white
, Css.left (Css.px 10)
, Css.top (Css.px 0)
, Css.padding2 zero (Css.px 5)

View File

@ -16,7 +16,7 @@ import DEPRECATED.Css.Namespace
import Html exposing (Html, img)
import Html.Attributes
import Html.CssHelpers
import Nri.Colors exposing (..)
import Nri.Ui.Colors.V1 exposing (..)
type alias ModuleExample msg =

View File

@ -9,7 +9,7 @@ import Html.Attributes exposing (..)
import Html.CssHelpers
import Model exposing (..)
import ModuleExample as ModuleExample exposing (Category(..), ModuleExample, categoryForDisplay)
import Nri.Colors as Colors
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Css.VendorPrefixed as VendorPrefixed
import Nri.Ui.Fonts.V1 as Fonts
import NriModules as NriModules exposing (nriThemedModules)